CSS font is required to change and sort text size, font, depth etc within the HTML element. There are several CSS properties which are widely used in the past. Examples of these are discussed below.

Font Family

font-family Properties can be set to what the element font will be. Together, multiple font commas (,) can be given together. In this case, the browser will find the first one, if the system does not get it (i.e. the font is not installed on your PC) then the next will see … If you do not have one, the family member will apply a font to the first font.

font-family: Arial, sans-self;

Correct with font-size The size of the text in the element is bigger than the size. PX or em unit can give any value as such

/* or */
font-size: 2em;

** How many pixels are they able to find thousands of solutions when you search Google.

It is possible to see how bold the font is with font-weight. The value can be “normal”, “bold”, “bolder”, “lighter”, “inherit” and 100, 200, 300 … up to 900. The bold value used to be bolded for most of the time is to be used. By looking at the values it can be understood which text will look like or see the values in our online editor.

font-weight: bold;

Font-style is usually used for Italic but it can be given 3 more values.

font-style : oblique;
font-style : normal;
font-style: inherit;

font-variant with the effect of small-caps can be given in text so that the first letter can be seen as a bit larger and also normal and inherit value. Normal will show as it is written and inherit the parent element.

font-variant: small-caps;

** If you use a font that has a space in its name, it should be placed in quotes like:

font-family : "Times New Roman";



For this problem, CSS 3 has got a new property called font-face. With this, you can show your text in any font. Normally the site’s slogans, names, titles, etc. have to be used in fonts that do not contain the user’s PC. Earlier this was done using a script called Kufan, but it was not sufficient quality but the picture was also used which was not the right solution.

First, you have to gauge the font that you want to give. Then we have to make two versions of the font. embedded open type (.eot) and true type font (.ttf)

There are lots of sites online that change from one version to another version free of charge. It needs to be done because IE (Internet Explorer) only supports eot and the ttf runs in the shot.

** Sabah first needs to use font-face. This means that after the first time on the stylesheet, the other code.


 @font-face {
    font-family: 'blok-italic';
    src: url('/media/fonts/Blokletters-Balpen.eot');
    src: local('Blokletters Balpen Balpen'), 
    url('/media/fonts/Blokletters-Balpen.ttf') format('truetype');


** Here’s a little different than writing other rules, firstly have the @ sign.

** Eot format should be used before, otherwise IE will not work.