Add a New Font to your Website (CSS)

There may be a situation where you are bored of seeing the whole regular fonts in the css. So there is also possibiltiy to add some new fonts in the css as new Font-Family.

@font-face

{

font-family: myFont;

src: url(yourDesiredFont.ttf);

}

This is the css style you need to add in css.

• Here the source(src) is the font you want to use... you can use any kind of font, search in google for different kind of fonts.
• When you refer the font-family for the next time you can directly refer to this new font you have added.

Usage

h1

{

font-family: myFont;

        font-size:24px;

}