HTML Fonts, Styles, and Headers - How to Set the Font of Text
(Page 2 of 5 )
The following example demonstrates how to set the font of your text:
<html>
<body>
<h1 style="font-family:verdana">PERTY TEXT HOORAY!</h1>
<p style="font-family:wst_czech">PERTY TEXT HOORAY!</p>
<p style="font-family:webdings">PERTY TEXT HOORAY!</p>
<p style="font-family:tunga">PERTY TEXT HOORAY!</p>
<p style="font-family:impact">PERTY TEXT HOORAY!</p>
<p style="font-family:roman">PERTY TEXT HOORAY!</p>
<p style="font-family:latha">PERTY TEXT HOORAY!</p>
<p style="font-family:symbol">PERTY TEXT HOORAY!</p>
<p style="font-family:arial">PERTY TEXT HOORAY!</p>
<p style="font-family:italic">PERTY TEXT HOORAY!</p>
<p style="font-family:georgia">PERTY TEXT HOORAY!</p>
<p style="font-family:gautam">PERTY TEXT HOORAY!</p>
<p style="font-family:script">PERTY TEXT HOORAY!</p>
<p style="font-family:wst_span">PERTY TEXT HOORAY!</p>
<p style="font-family:wingdings">PERTY TEXT HOORAY!</p>
<p style="font-family:trebuchet">PERTY TEXT HOORAY!</p>
</body>
</html>
This would result in the following being displayed in the browser:
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
PERTY TEXT HOORAY!
Adjusting Your Font Size
You adjust the size of your text in HTML using font-size. Here is how we do so:
<html>
<body>
<h1 style="font-size:150%">A black hole once escaped from Chuck Norris</h1>
Next: How to Set the Color of Your Text >>
More HTML Articles
More By James Payne
/ 4 
