The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Google fonts api, aka downloadable fonts
Brian Chandler
post Aug 5 2010, 01:25 AM
Post #1


Jocular coder
********

Group: Members
Posts: 2,460
Joined: 31-August 06
Member No.: 43



Somewhere else drew my attention to http://code.google.com/apis/webfonts/

"API" seems an extremely overblown name for what amounts to this stylesheet:

CODE

@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: normal;
  src: local('Tangerine'), url('http://themes.googleusercontent.com/font?kit=_jMq7r9ahcBZZjpP8hftNA') format('truetype');
}


And in the end, this relies on CSSn for some value of n being sufficiently widely supported by browsers. Last time I read anything (probably here) about "downloading fonts" the answer was that the commonest browsers simply couldn't agree on how to do it. Has that now changed? Does the @font-face definition work in "most" cases?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Aug 5 2010, 08:19 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



I found that same page only a few days ago.

@font-face has been around since a while already.
ALA wrote about it in 2007: http://www.alistapart.com/articles/cssatten .

There is a browser support page at http://webfonts.info/wiki/index.php?title=...browser_support .
(You might have to go to their home page (http://webfonts.info) first and then choose Browser Support in the General menu, or the link might download a folder with an index.php and .plist file.)

The main problem with @font-face is the web licensing of the fonts from founderies. Just google for @font-face.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 5 2010, 10:08 AM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,731
Joined: 9-August 06
Member No.: 6



After Netscape 4 that had its own method it's been @font-face. Problem was that only IE supported it and you needed to use MS' cumbersome program Weft to convert fonts to their EOT format.

I haven't kept up, but I think major browsers now support "webfonts". Don't know what formats are acceptable and if newer IE versions still require EOT.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Aug 6 2010, 03:26 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



See http://www.fontsquirrel.com/fontface/generator .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
wgabrie
post Aug 9 2010, 08:46 PM
Post #5


Advanced Member
****

Group: Members
Posts: 148
Joined: 11-July 10
Member No.: 12,279



The original problem with adopting the @font-face rule was that different browsers and different operating systems use different font formats. There was never an agreement over creating and porting a standard font format.

Now its even more complicated. SVG wants to get into the act with its own glyph drawing system. Microsoft has three font formats now: OpenType, TrueType, and ClearType, and I don't know what they will keep or kill in the future. Microsoft already killed the Web font initiative only to years-later recommend a new web font format. There is also Linux and mobile devices to think about.

Ideally you could just create a font in many formats and put them in a font-family list, but that requires font conversion and a lot of work.

This post has been edited by wgabrie: Aug 9 2010, 08:47 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
wgabrie
post Aug 11 2010, 10:15 PM
Post #6


Advanced Member
****

Group: Members
Posts: 148
Joined: 11-July 10
Member No.: 12,279



Okay, I'm looking deeper into this Google Font API.

Technical Considerations

QUOTE
What is the Google Font API serving?
When a browser sends a request for a Font API stylesheet (as specified in a <link> tag in your web page), the Font API serves a stylesheet generated for the specific user agent making the request.


In other words: Google generates the stylesheet with a server-side script. Google being the 800-pound gorilla worked/paid for multiple font formats. So, each browser can get the font in its own preferred font format.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Aug 12 2010, 07:17 AM
Post #7


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



With a bulletproof @font-face syntax too.
See http://paulirish.com/2009/bulletproof-font...ntation-syntax/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 26th April 2024 - 09:58 AM