How to add Webfont in Our website???

webfonts

How to add Webfont in Our website???

How to add Webfont in Our website???....

In old days, Web Designer use the font which are already exist.We can't use new different font.But Now a days we can add the new OR Webfont in our website .
We can use Web font very easily,in following ways :
Step 1 :First , Download the font file that you want to include in your website.
(eg. OpenSans.otf,Nautik.ttf)
Step 2 :Create folder in your website name as font,and paste that font file in that folder.
Step 3 :For which text you want to apply the web font give style of that font.

Note:Mostly try to give styles it with the help of the external stylesheet.
Example :

 

Welcome in Vedant IT Academy

Welcome in Vedant IT Academy

Step 4 : For which text you want to add web font add class where you apply.
Step 5 : Style that class externally as you want by changing
font-size,line-height,letter-spacing.
How to write this Example with externally...

 @font-face 
{
font-family: Nautik;
font-weight:bold;
src:url('../font/Nautik-Regular.otf');
}
 

No Review

Post a Review

Thank you for contacting us !

Our Team will get in touch with you soon or call 8097057778 now to get answer for all your queries !

Like Our Facebook page to be up to date in industry !

wp4.5
Close