CSS TUTORIALS - CSS - Fonts
CSS - Fonts
ADVERTISEMENTS
<p style="font-family:georgia,garamond,serif;">
This text is rendered in either georgia, garamond, or the default
serif font depending on which font you have at your system.
</p>
|
ADVERTISEMENTS
This text is rendered in either georgia, garamond, or the default
serif font depending on which font you have at your system.
|
ADVERTISEMENTS
<p style="font-style:italic;">
This text will be rendered in italic style
</p>
|
This text will be rendered in italic style
|
<p style="font-variant:small-caps;">
This text will be rendered as small caps
</p>
|
This text will be renedered as small caps
|
<p style="font-weight:bold;">
This font is bold.
</p>
<p style="font-weight:bolder;">
This font is bolder.
</p>
<p style="font-weight:900;">
This font is 900 weight.
</p>
|
This font is bold.
This font is bolder.
This font is 900 weight.
|
<p style="font-size:20px;">
This font size is 20 pixels
</p>
<p style="font-size:small;">
This font size is small
</p>
<p style="font-size:large;">
This font size is large
</p>
|
This font size is 20 pixels
This font size is small
This font size is large
|
<p style="font-size-adjust:0.61;">
This text is using a font-size-adjust value.
</p>
|
This text is using a font-size-adjust value.
|
<p style="font-stretch:ultra-expanded;">
If this doesn't appear to work, it is likely that
your computer doesn't have a condensed or expanded
version of the font being used.
</p>
|
If this doesn't appear to work, it is likely that
your computer doesn't have a condensed or expanded
version of the font being used.
|
<p style="font:italic small-caps bold 15px georgia;">
Applying all the properties on the text at once.
</p>
|
Applying all the properties on the text at once.
|