font-family for p : font family « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. font family

font-family for p

   

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
p.one {
  font-family: arial, verdana, sans-serif;
}

p.two {
  font-family: times, "times new roman", serif;
}

p.three {
  font-family: courier, "courier new", monospace;
}

p.four {
  font-family: Zapf-Chancery, Santivo, cursive;
}

p.five {
  font-family: Cottonwood, Studz, fantasy;
}
</style>


</head>

<body>
<p class="one">The first paragraph of text should be displayed in a sans-serif font.</p>
<p class="two">The second paragraph of text should be displayed in a serif font.</p>
<p class="three">The third paragraph of text should be displayed in a monospaced font.</p>
<p class="four">The fourth paragraph of text should be displayed in a cursive font.</p>
<p class="five">The fifth paragraph of text should be displayed in a fantasy font.</p>
</body>
</html>








Related examples in the same category

1.'font-family' Example
2.font-family: serif;
3.font-family: sans-serif;
4.font-family: cursive;
5.font-family: fantasy;
6.font-family: monospace;
7.font-family: "Rockwell"
8.font-family: "Californian FB", AppleMyungjo; ( If Californian FB is not available, AppleMyungjo is used.)
9.font-family: "Perpetua Titling MT", serif;
10.font-family: "Baskerville Old Face", serif;
11.font-family: "Lucida Bright", monospace;
12.font-family: Herculanum, "Eras Demi ITC", sans-serif;
13.font-family overwrite
14.font-family: "Times New Roman";font-family: Arial;
15.font-family:courier, courier new, serif;
16.Font family test
17.Two font families, just in case
18.font-family Demo
19.font family sequence
20.Example of Simple Font Styling
21.Inline Example of font-family Order
22.Set font family for paragraph
23.h1, h2 and p are in Times New Roman font
24.Font family cascade
25.font-family: Arial
26.font-family: "Times New Roman"
27.font family with generic fonts