Font-Responsive Text
|
1 2 3 4 5 6 7 8 9 |
h1 { text-align: center; font-style: italic; } p { text-align: left; font-style: Roman; } |
Font-Style
|
1 2 3 4 5 6 7 |
p.R { font-style: normal; margin: 50px; text-align: center; font-size: 40px; color: blue;
} |
Font-Family
|
1 2 3 4 5 6 7 8 9 10 11 |
p.Times { font-family: "Times New Roman", Times, serif; color: gray; font-size: 20px; } p.Arial { font-family: Arial, Helvetica, sans-serif; color: red; font-size: 20px } |
Font-size
|
1 2 3 4 5 6 7 8 9 |
body { font-size: 100%; } h1 { text-align: center; color: blue; font-size: 3.5em; } |
Font-width in pixels
|
1 2 3 4 5 |
h2 { text-align: center; color: hotpink; font-size: 40px; } |
Font variant
|
1 2 3 4 5 6 |
p.r { text-align: center; color: red; font-size: 40px; font-variant: normal; } |