1. Create Css file with:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #93B629;
}
Create JSFKickStart
Open inputUserName.jsp
Add <link href="/pages/cssfile.css" rel="stylesheet" type="text/css"/>
Look at screenshot. The result will be different on Visual and Preview tabs.
2. JSFwithFacelets KickStart project
Open common.xhtml template
Add to <style type="text/css">
body

{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #93B629; }

The result will be different on Visual and Preview tabs.