Adding Google fonts to your web site

1
Comments
1
Votes
Login to vote

In your Kentico stylesheet for a site, make the Google font reference by adding a URL reference at the beginning of the stylesheet code:

For example, this references the font and additional lines reference external stylesheets used by the site:

@import url(http://fonts.googleapis.com/css?family=Nobile&subset=latin);
@import url('../App_Themes/MySite/Styles/reset.css');
@import url('../App_Themes/MySite/Styles/960.css');
 

 
Posted by Tony Russo on 11/4/2010 12:38:16 PM
Filed under: CSS, fonts, stylesheets
  
Comments
RetroRocket
Calling the fonts in your CSS stylesheet is accomplished by enclosing the font name in quotation marks. Remember to include web safe fonts as 'fallbacks' in your font-family declaration.

Example:

h1, h2, h3, h4 {
font-family: "Nobile", Tahoma, sans-serif;
font-weight: normal;
}
11/4/2010 1:12:51 PM