26 augusts, 2016

How to Use Google Fonts in Webpage

This small code line allows to use google fonts in webpage. Just copy and add code to header code:


Add code line that works
 <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />  

and define google font style in your CSS file easily like seen further line. Remember to change seen font Open Sans to our prefered google font.

Add style to CSS file
 h1 {  
      font-family: "Open Sans";  
      font-size: 24px;  
      font-style: normal;  
      font-variant: normal;  
      font-weight: 500;  
      line-height: 26.4px;  
 }  

That's all

These small code lines allow to embed and use any Google Fonts on your site.

Nav komentāru: