Today, I was looking at a site and saw that the H1 text was a non-standard browser font. We have been doing the Google font import thing and I was wondering if the developer of this site had imported the font from Google, (the way you did on Channel Design). So I inspected the H1, saw that it was a custom font and then I went to the style sheet to see where it had been imported from… to my surprise, it had not been imported from Google or a paid web font repository. It was a font stored in a local directory on the web server. This approach would be the equivalent of putting a fonts directory in the theme folder in a wordpress site, then setting up the stylesheet to use fonts in there.

How to set the CSS Style for an HTML element on an ASP.NET MasterPage from a content page using C#.

Have you ever noticed how some websites have these great looking fonts that add such an edge to their look? I was reviewing a style sheet today and came across these lines at the top of the CSS:

/* FONTS IMPORT */

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

@import url(http://fonts.googleapis.com/css?family=Yellowtail&v2);

I knew the designer was importing fonts for use in the site, but I didn’t know about the resource they were using to do it. Notice the URL they are importing the fonts from: fonts.googleapis.com

Have you ever noticed how some websites have these great looking fonts that add such an edge to their look? I was reviewing a style sheet today and came across these lines at the top of the CSS:

/* FONTS IMPORT */

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

@import url(http://fonts.googleapis.com/css?family=Yellowtail&v2);

I knew the designer was importing fonts for use in the site, but I didn’t know about the resource they were using to do it. Notice the URL they are importing the fonts from: fonts.googleapis.com