CoderTools Web site

CSS Font

Description


Another short-hand command to allow setting of many font properties in one go.

Note: if you do not provide a value for all the options the default will automatically be applied.
Note: Only font-size and font-family are required when using the font command.
    font: 
        font-style
        font-weight
        font-size
        font-family;
HTML & CSS Editor with FTP / FTPS

Examples for Font


test text test text test text test text
    <style>
        #test { font: italic bold 1.8em "times new roman"; }
    </style>

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

test text test text test text test text
    <style>
        #test2 { font: 0.8em georgia; }
    </style>

    <div id="test2">test text test text test text test text</div>
test text test text test text test text
    <style>
        #test3 { font: x-large "courier new";  }
    </style>

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

Values for font


Name Values Description
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
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-family family-name
generic-family
Specifies the font name alternatively you can specify the generic name family name of the font/text.


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 11:14:05 AM
Terms Of Use | Privacy Statement | Copyright 2006-2015 © Independence Software LLP