homepage Welcome to WebmasterWorld Guest from 54.227.215.140
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
How to set webfonts in the correct way?
toplisek

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4425994 posted 12:38 pm on Mar 7, 2012 (gmt 0)

@font-face {

}

I like to set webfonts in the correct way but there are two possibilities if I understand:
1. @font-face {
}

and Google based server fonts like:
[google.com...]

Which is the best way actually?

 

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4425994 posted 11:18 pm on Mar 7, 2012 (gmt 0)

The main difference seems to be that g###'s fonts are smaller downloads, based on the character range in the ones I looked at. That's the second-most important issue for the end user-- after the primary issue of whether the browser supports @font-face rules at all. (It's CSS3, so many won't.)

Sample CSS from their version:
@font-face {
font-family: 'Seaweed Script';
font-style: normal;
font-weight: 400;
src: local('Seaweed Script'), local('SeaweedScript-Regular'), url('http://themes.googleusercontent.com/static/fonts/{bunch more stuff which I've snipped') format('woff');
}

Oops, I take that back. Does "woff" stand for "wtf kind of font is this"? Shades of the old otf or whatever it is that MSIE used to use.

Which is the best way actually?


h1, h2, h3 {font-family: option1, "option two", option3, sans-serif;}

Sorry. I'll leave quietly.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved