CoderTools Web site

CSS Font - font-family

Description


Use font-family to change the typeface of the text within html elements. In addition use this property to specify generic fallback font families in case the specified font is not available on the users computer.

Note: if there are any spaces in the the font family name then use double quotes around the name.
    
    font-family: name
    font-family: name, "generic family name"
    
    e.g.
    
    font-family: verdana; 
    font-family: arial, sans-serif; 
    
See also: font, font-size, font-variant, font-weight.

Examples for font-family

Example 1:

Simple example using times new roman.

Test text test text test text test text.
    <style>
        #test { font-size: "times new roman"; }
    </style>

    <div id="test">test text test text test text test text</div>

Values for font-family


Name Values Description
font-family family-name
generic-family
Specifies the font name alternatively you can specify the generic name family name of the font/text.
font-size em e.g. 1.3em
% e.g. 150%
pt e.g. 14pt

xx-small
x-small
small
medium
large
x-large
xx-large
larger
smaller
Specifies the size of the font/text.
font-style normal|italic|oblique normal is the default. On most browsers oblique is the same as italic.
font-weight normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
normal is the default. 400 is the same as normal. 700 is the same as bold


TotalEdit Now Completely Free

CoderTools TotalEdit - The Free Text Editor

A powerful editor and notepad replacement TotalEdit makes it easier to complete your file editing and software development tasks. TotalEdit is FREE for commercial and non-commercial purposes (its freeware).

12/16/2017 12:59:58 PM
Terms Of Use | Privacy Statement | Copyright 2006-2015 © Independence Software LLP