Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 95 - 2626_South Point_C-7
P. 95

    Let’s CatCh uP

                       Which property is used to align the text?
                       ___________________________________________________________________________________
                       ___________________________________________________________________________________

                            CSS FONT

                     CSS font property is used to define the font, size and the style of the text. Some of the commonly used
                     font properties are.

                                       Property                                  Value
                               font-family                Times New Roman, Serif
                               font-style                 normal, italic, oblique
                               font-size                  20px
                               font-weight                normal, bold, 1-1000

                          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.
                     Example:      <P STYLE="FONT-FAMILY:Font1, Font2,………,SERIF;">
                                TEXT
                                   </P>
                     Let us create a web page to set font family.

                      <!DOCTYPE html>
                      <HTML>
                          <HEAD>
                          <TITLE> FONT PROPERTY IN INLINE STYLE </TITLE>
                          </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>

                                                                                                 Using CSS in HTML5    93

| 90 91 92 93 94 95 96 97 98 99 100 |