Page 92 - Modular_V1.1_Flipbook
P. 92
Font Family
The font-family property is used to change the face of the font. The font family property works
on the principle of “fallback” system i.e. if the web browser is not compatible with the first font,
it tries the next font, and so on. If the name of a font family is more than one word, it must be
in quotation marks, like: “Times New Roman”. More than one font family can be specified in a
comma-separated list.
Syntax: <P STYLE=“FONT-FAMILY:Font1, Font2,………,SERIF;”>
TEXT
</P>
Let us create a web page to set font family.
<HTML>
<HEAD>
</HEAD>
<BODY>
<P STYLE="FONT-FAMILY:COSMO, VERDANA, TIMES, SERIF;">
THIS TEXT IS RENDERED IN EITHER COSMO, VERDANA
TIMES, OR THE DEFAULT SERIF FONT DEPENDING ON
THE AVAILABILITY OF FONT IN THE SYSTEM.
</P>
</BODY>
</HTML>
Setting font family
Font Style
The ‘font-style’ property is mostly used to make the text ‘italic’.
Font Size
The ‘font-size’ property is used to increase or decrease the size of a font. Syntax of Font Style
and Font Size:
<P STYLE=“FONT-STYLE:ITALIC; FONT-SIZE: font size in px;”>
TEXT
</P>
90 Touchpad MODULAR (Version 1.1)-IX

