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>
Please enable JavaScript to view the comments powered by Disqus. blog comments powered by 
HTML 
/ 5 
HTML5 Boilerplate Introduction
