How to Style CSS Font Properties - Informatic Point

How to Style CSS Font Properties

How to Style CSS Font Properties. CSS Font Properties gives an appearance for the font properties of CSS. Cascading Style Sheets, more usually known as CSS, is an obvious design language intended to make simpler the producing webpages look magnificent. CSS deals with the vision and encounter a part of a web page. Applying CSS, you are effective to control the color with the text, the style of fonts, the spacing between sections, how columns will be sized as properly as, performed, the things background images or colors being used, layout styles, modifications in-display various forms as well as, screen sizes in addition to a number of many other effects. CSS is easy to understand as well as, grip however it gives sufficient control of the explanation of the HTML document. Most normally, CSS has usually joined with Markup languages HTML.

Read Also: What is CSS?

  1. CSS belongs to Cascading Style Sheets.
  2. CSS classifies how HTML elements should be exposed on-screen and also consist of things.
  3. CSS will keep a lot of work. It could dominate the layout of multiple webpages all at one time.
  4. External style sheets will be stored in CSS files.

Explain Different CSS Font Properties.

Below are the different CSS font properties:

Read Also: Introduction to CSS Control.

Font Collection: In CSS you can choose the font you want to apply for the text inside of a special element by setting the font-family attribute in a style rule, but before we go into details of font-family, we will have to understand how to use font names because while we create a web page we don’t continuously know what our user will manage to observe the web page.


Here are some font-families that you can use in your markup.

Family NameCollection Name
Times New RomanSerif
Comic Sanscursive
Courier Newmonospace
Impact fantasy
Font Collections


<table><tbody><tr><td><strong>Family Name</strong></td><td><strong>Collection Name</strong></td></tr><tr><td>Arial</td><td style="font-family: Arial, sans-serif">sans-serif</td></tr><tr><td>Times New Roman</td><td style="font-family:  Times, Times New Roman, serif	">Serif</td></tr><tr><td>Comic Sans</td><td style="font-family: Comic Sans MS, Comic Sans, cursive">cursive</td></tr><tr><td>Courier New</td><td style="font-family: Courier New, monospace">monospace</td></tr><tr><td>Impact </td><td style="font-family: Impact, fantasy">fantasy</td></tr></tbody></table>


How to define fonts utilizing CSS and the variation among a specific font like Arial and the generic classes of web fonts like serif and sans-serif. You can find more font families from here. We also obtain font sizing finally, we use font attributes and learn to load fonts with the font family.

Leave a Reply

Your email address will not be published. Required fields are marked *