Menu

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.