'font-family' Example : font family « CSS « HTML / CSS






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

'font-family' Example

  
    
<html>
<body>
<div onmouseover="this.style.fontFamily='arial'" 
     onmouseout="this.style.fontFamily='times'">
     Move the mouse pointer to change the font-family value.
</div>
</body>
</html>








Related examples in the same category

1.font-family: serif;
2.font-family: sans-serif;
3.font-family: cursive;
4.font-family: fantasy;
5.font-family: monospace;
6.font-family: "Rockwell"
7.font-family: "Californian FB", AppleMyungjo; ( If Californian FB is not available, AppleMyungjo is used.)
8.font-family: "Perpetua Titling MT", serif;
9.font-family: "Baskerville Old Face", serif;
10.font-family: "Lucida Bright", monospace;
11.font-family: Herculanum, "Eras Demi ITC", sans-serif;
12.font-family for p
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