Tuesday, July 15, 2014

Font Properties


  • font-family

Value is a list of font names - browser uses the first in the list it has
font-family: Arial, Helvetica, Courier
Generic fonts: serif, sans-serif, cursive, fantasy, and monospace  (defined in CSS)
Browser has a specific font for each
  •  font-size

                         Possible values: a length number or a name, such as smaller, xx-large, etc.

  • font-style

                          italic, oblique (useless), normal

  • font-weight - degrees of boldness

                          bolder, lighter, bold, normal
                          Could specify as a multiple of 100 (100 – 900)

      lets use some examples as we usually do before in sublime or notepad :
     <html>
                      <head>
                      <style type="text/css">
                   p{
                      font-family:Arial;
                      font-size: 40px;
                      font-style:italic;
                      }
                      </style>
                      <head>
                      <body>
                      <p> this text has a nice style</p>
                      <p>all these tags will take the same styles</p>
                      </body>
</html>
and Thats it and for more styles i prefer you search it up on internet just search for"css style examples"  :) 

No comments:

Post a Comment