|
CSS Home
CSS TutorialIntroductionCSS Advantages CSS Syntax Implementing CSS CSS Class CSS ID CSS Font CSS Text CSS Background Code CSS Border CSS Margin CSS Padding CSS Lists CSS Height & Width CSS Positioning CSS Float CSS Layers CSS Summary CSS CodesCSS AlignCSS bgcolor CSS Cellpadding CSS Cellspacing CSS Floating Menu CSS Hyperlinks CSS Leading Inline Style Sheets Embedded Style Sheets External Style Sheets CSS Scrollbars CSS Table Width CSS Print Version CSS Table-layout CSS ExamplesCSS ExamplesCSS Table-layout Example CSS ReferenceCSS Mini TutorialCSS Properties CSS Color Codes CSS Template CSS Media Types
Sponsored Links
$1.99 Domain Names
With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99. 
|
CSS Font CSS font properties enable you to change the look of your text. For example, you can assign a font family, apply bold or italic formatting, change the size and more. CSS Font Family
<p style="font-family:georgia,garamond,serif;">This text is rendered in either georgia, garamond, or the default serif font (depending on which font the user's system has).</p>
This results in: This text is rendered in either georgia, garamond, or the default serif font (depending on which font the user's system has). CSS Font SizeEnables you to set the size of the text. For info on the possible values, see the CSS font-size page.
<p style="font-size:20px;">This text is using a font size of 20 pixels.</p>
This results in: This text is using a font size of 20 pixels. CSS Font Size AdjustThis property enables you to adjust the x-height to make fonts more legible. For more info, see the font-size-adjust page.
<p style="font-size-adjust:0.58;">This text is using a font-size-adjust value.</p>
This results in: This text is using a font-size-adjust value. CSS Font StretchThis property relies on the user's computer to have an expanded or condensed version of the font being used. For all possible values, see the font-stretch page.
<p style="font-stretch:ultra-expanded;">If your computer has an expanded version of the font being used, this text will be stretched.</p>
This results in: If your computer has an expanded version of the font being used, this text will be stretched. CSS Font Style
<p style="font-style:italic;">This text is in italics.</p>
This results in: This text is in italics. CSS Font VariantEnables you to set your text to use small caps.
<p style="font-variant:small-caps;">This Text Is Using Small Caps.</p>
This results in: This Text Is Using Small Caps. CSS Font WeightEnables you to set your text to bold.
<p style="font-weight:bold;">This text is bold.</p>
This results in: This text is bold. CSS Font PropertyThe font property is a shorthand property that enables you to set all font properties in one go.
<p style="font:italic small-caps bold 20px georgia,garamond,serif;">The styles for this text has been specified with the 'font' shorthand property.</p>
This results in: The styles for this text has been specified with the 'font' shorthand property. |
Sponsored Links
Need Website Content?
Get unique, quality digital content for your website.
|
