Velocity Reviews

Velocity Reviews (http://www.velocityreviews.com/forums/index.php)
-   HTML (http://www.velocityreviews.com/forums/f31-html.html)
-   -   Re: Google Fonts (http://www.velocityreviews.com/forums/t723689-re-google-fonts.html)

123Jim 05-20-2010 10:22 PM

Re: Google Fonts
 

"Lewis" <g.kreme@gmail.com.dontsendmecopies> wrote in message
news:slrnhvaqu2.2m0j.g.kreme@ibook-g4.local...
> <http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-google-fonts-api-youre-going-to-love-this/>
>
> --



Here: http://code.google.com/webfonts I don't see displayed the google fonts
in Firefox 3.6.3. Instead from body: font-family:arial,sans-serif;
So that must mean the fonts are not downloaded.. if they are not downloaded
for this page what chance they will be downloaded on .. any pages. It works
in IE, so that's IE and probably Chrome at least. Seems like another
failure vector though ;)



Adrienne Boswell 05-21-2010 03:39 AM

Re: Google Fonts
 
Gazing into my crystal ball I observed "123Jim"
<jnkjnjnini@uhnuhnunuhnuy.invalid> writing in
news:ht4cnj$d9p$1@news.eternal-september.org:

>
> "Lewis" <g.kreme@gmail.com.dontsendmecopies> wrote in message
> news:slrnhvaqu2.2m0j.g.kreme@ibook-g4.local...
>> <http://net.tutsplus.com/tutorials/ht...ues/quick-tip-

googl
>> e-fonts-api-youre-going-to-love-this/>
>>
>> --

>
>
> Here: http://code.google.com/webfonts I don't see displayed the google
> fonts in Firefox 3.6.3. Instead from body:
> font-family:arial,sans-serif; So that must mean the fonts are not
> downloaded.. if they are not downloaded for this page what chance they
> will be downloaded on .. any pages. It works in IE, so that's IE and
> probably Chrome at least. Seems like another failure vector though ;)
>
>
>


Works for me, Opera 10.53 Build 3374.

But, I don't like the way it's done. You have to download THEIR
stylesheet. Of course, you can request it directly and get the
information.

Rather than doing this:
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz'
rel='stylesheet' type='text/css'>
<style>
body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px; }
</style>

[http://www.cavalcade-of-coding.info/...oglefont.html]


I would rather do this:
<style>
@font-face {
font-family: "Yanone Kaffeesatz";
src: url("http://themes.googleusercontent.com/font?
kit=YDAoLskQQ5MOAgvHUQCcLdZ76ZYKVLHIjRQjrp3kYFc");
}
body { font-family: 'Yanone Kaffeesatz', serif; font-size: 200%; }
</style>

[http://www.cavalcade-of-coding.info/...fontface.html]

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share


Allodoxaphobia 05-21-2010 03:50 PM

Re: Google Fonts
 
On Thu, 20 May 2010 23:22:36 +0100, 123Jim wrote:
>
> "Lewis" <g.kreme@gmail.com.dontsendmecopies> wrote in message
> news:slrnhvaqu2.2m0j.g.kreme@ibook-g4.local...
>> <http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-google-fonts-api-youre-going-to-love-this/>

>
> Here: http://code.google.com/webfonts I don't see displayed the google fonts
> in Firefox 3.6.3.


linux:
No workie in:
Opera 10.10 -- text simply does not display.
lynx -- heh... but, the text _does_ display.
IE6 under wine -- but, the text _does_ display.

Then, error page only:
"We're sorry, but your browser is not supported by the Google Font API.
To browse the fonts in the Google font directory please switch to a
more modern browser.":
konqueror 3.5.10

OK in:
Google Chrome 5.0.375.53 beta -- dooh
Firefox 3.5.9 -- linux

Jonesy

Jenn 05-21-2010 03:53 PM

Re: Google Fonts
 
Adrienne Boswell wrote:
> Gazing into my crystal ball I observed "123Jim"
> <jnkjnjnini@uhnuhnunuhnuy.invalid> writing in
> news:ht4cnj$d9p$1@news.eternal-september.org:
>
>>
>> "Lewis" <g.kreme@gmail.com.dontsendmecopies> wrote in message
>> news:slrnhvaqu2.2m0j.g.kreme@ibook-g4.local...
>>> <http://net.tutsplus.com/tutorials/ht...ues/quick-tip-
>>> googl e-fonts-api-youre-going-to-love-this/>
>>>
>>> --

>>
>>
>> Here: http://code.google.com/webfonts I don't see displayed the
>> google fonts in Firefox 3.6.3. Instead from body:
>> font-family:arial,sans-serif; So that must mean the fonts are not
>> downloaded.. if they are not downloaded for this page what chance
>> they will be downloaded on .. any pages. It works in IE, so that's
>> IE and probably Chrome at least. Seems like another failure vector
>> though ;)
>>
>>
>>

>
> Works for me, Opera 10.53 Build 3374.
>
> But, I don't like the way it's done. You have to download THEIR
> stylesheet. Of course, you can request it directly and get the
> information.
>
> Rather than doing this:
> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz'
> rel='stylesheet' type='text/css'>
> <style>
> body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px; }
> </style>
>
> [http://www.cavalcade-of-coding.info/...oglefont.html]
>
>
> I would rather do this:
> <style>
> @font-face {
> font-family: "Yanone Kaffeesatz";
> src: url("http://themes.googleusercontent.com/font?
> kit=YDAoLskQQ5MOAgvHUQCcLdZ76ZYKVLHIjRQjrp3kYFc");
> }
> body { font-family: 'Yanone Kaffeesatz', serif; font-size: 200%; }
> </style>
>
> [http://www.cavalcade-of-coding.info/...fontface.html]


I don't understand under what circumstances a site developer would want to
use these fonts for a site?

--
Jenn (from Oklahoma)
http://pqlr.org/bbs/



GTalbot 05-21-2010 04:45 PM

Re: Google Fonts
 
On 20 mai, 23:39, Adrienne Boswell <arb...@yahoo.com> wrote:

> I don't like the way it's done. *You have to download THEIR
> stylesheet. *


+1. I also dislike the way it's done, the fact that you have to
download their stylesheet. I would prefer to just download the font
and then @font-face it.

Of course, you can request it directly and get the
> information.
>
> Rather than doing this:
> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz'
> rel='stylesheet' type='text/css'> *
> * * <style> *
> * * body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px; } *
> * * </style>
>
> [http://www.cavalcade-of-coding.info/...oglefont.html]
>
> I would rather do this:
> * * <style>
> @font-face {
> * font-family: "Yanone Kaffeesatz";
> * src: url("http://themes.googleusercontent.com/font?
> kit=YDAoLskQQ5MOAgvHUQCcLdZ76ZYKVLHIjRQjrp3kYFc"); } * * *
>
> body { font-family: 'Yanone Kaffeesatz', serif; font-size: 200%; } *
> * * </style> *
>
> [http://www.cavalcade-of-coding.info/...fontface.html]


Both of your test webpages work as expected, accordingly in Konqueror
4.4.3.

regards, Gérard
--
Internet Explorer 7 bugs: 185 bugs so far
http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/
Internet Explorer 8 bugs: 60 bugs so far
http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/

C A Upsdell 05-21-2010 06:56 PM

Re: Google Fonts
 
>> I don't like the way it's done. You have to download THEIR
>> stylesheet.

>
> +1. I also dislike the way it's done, the fact that you have to
> download their stylesheet. I would prefer to just download the font
> and then @font-face it.


I myself would prefer:

1. To be able to download the font myself.

2. And/or to use font-face myself with a url to the font file on a
Google server. (This has performance advantages via caching if other
sites which users visit also use the font files.)

I looked for both, but could not find either, though perhaps Google will
add these: the Google Font Directory *is* termed a beta.

BTW, I found some glitches: in my Browser News "Resources > Fonts" page
(to be updated tonight) I added all of Google's fonts as specimens, and
found that, with some combinations of Google's LINK meta tags, their
stylesheet failed with FF 3.6 and Windows 7: the problem was repeatable;
and, oddly, moving font names from one LINK meta tag to a second meta
tag fixed the problem. The glitches may explain why some posters find
that the new fonts fail to load.

If Google open sources the font files, then their fonts potentially
become the first universally available fonts, something which would
really benefit website design, as well as result in faster page loads
for users who install the fonts on their PCs.



C A Upsdell 05-21-2010 08:18 PM

Re: Google Fonts
 
On 2010-05-21 14:56, C A Upsdell wrote:
> BTW, I found some glitches: in my Browser News "Resources > Fonts" page
> (to be updated tonight) I added all of Google's fonts as specimens, and
> found that, with some combinations of Google's LINK meta tags, their
> stylesheet failed with FF 3.6 and Windows 7: the problem was repeatable;
> and, oddly, moving font names from one LINK meta tag to a second meta
> tag fixed the problem. The glitches may explain why some posters find
> that the new fonts fail to load.


Okay, I found out why the glitch: Google's LINK meta tag fails if a
font is listed which is not a Google font, and it turns out that the "IM
Fell" font they list is not really "IM Fell", but is instead "IM Fell DW
Pica", and must be specified as such in the meta tag: otherwise all the
fonts in the LINK meta tag are ignored. Google should either list the
real font name, not an abbreviated font name, or it should map "IM Fell"
to the full name when "IM Fell" is specified in their meta tag.


Adrienne Boswell 05-22-2010 12:10 AM

Re: Google Fonts
 
Gazing into my crystal ball I observed "Jenn"
<me@nowhere.whocareswhatthisemailisanyway> writing in
news:ht6aan$ice$1@news.eternal-september.org:

> Adrienne Boswell wrote:
>> Gazing into my crystal ball I observed "123Jim"
>> <jnkjnjnini@uhnuhnunuhnuy.invalid> writing in
>> news:ht4cnj$d9p$1@news.eternal-september.org:
>>
>>>
>>> "Lewis" <g.kreme@gmail.com.dontsendmecopies> wrote in message
>>> news:slrnhvaqu2.2m0j.g.kreme@ibook-g4.local...
>>>> <http://net.tutsplus.com/tutorials/ht...ues/quick-tip-
>>>> googl e-fonts-api-youre-going-to-love-this/>
>>>>
>>>> --
>>>
>>>
>>> Here: http://code.google.com/webfonts I don't see displayed the
>>> google fonts in Firefox 3.6.3. Instead from body:
>>> font-family:arial,sans-serif; So that must mean the fonts are not
>>> downloaded.. if they are not downloaded for this page what chance
>>> they will be downloaded on .. any pages. It works in IE, so that's
>>> IE and probably Chrome at least. Seems like another failure vector
>>> though ;)
>>>
>>>
>>>

>>
>> Works for me, Opera 10.53 Build 3374.
>>
>> But, I don't like the way it's done. You have to download THEIR
>> stylesheet. Of course, you can request it directly and get the
>> information.
>>
>> Rather than doing this:
>> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz'
>> rel='stylesheet' type='text/css'>
>> <style>
>> body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px;
>> } </style>
>>
>> [http://www.cavalcade-of-coding.info/...oglefont.html]
>>
>>
>> I would rather do this:
>> <style>
>> @font-face {
>> font-family: "Yanone Kaffeesatz";
>> src: url("http://themes.googleusercontent.com/font?
>> kit=YDAoLskQQ5MOAgvHUQCcLdZ76ZYKVLHIjRQjrp3kYFc");
>> }
>> body { font-family: 'Yanone Kaffeesatz', serif; font-size: 200%; }
>> </style>
>>
>> [http://www.cavalcade-of-coding.info/...fontface.html]

>
> I don't understand under what circumstances a site developer would
> want to use these fonts for a site?
>


If you look at my site, in my signature, using a browser that supports
@fontface (Opera does), you will see that the level 1 and level 2
headings are using New Yorker.

This saves me from having to make text graphics, saves bandwidth, good
for accessibility, etc.

Of course, I am using a fall back font and a generic, should the user's
browser not support @font-face.

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share


Jenn 05-22-2010 03:42 AM

Re: Google Fonts
 
Adrienne Boswell wrote:
> Gazing into my crystal ball I observed "Jenn"
> <me@nowhere.whocareswhatthisemailisanyway> writing in
> news:ht6aan$ice$1@news.eternal-september.org:
>
>> Adrienne Boswell wrote:
>>> Gazing into my crystal ball I observed "123Jim"
>>> <jnkjnjnini@uhnuhnunuhnuy.invalid> writing in
>>> news:ht4cnj$d9p$1@news.eternal-september.org:
>>>
>>>>
>>>> "Lewis" <g.kreme@gmail.com.dontsendmecopies> wrote in message
>>>> news:slrnhvaqu2.2m0j.g.kreme@ibook-g4.local...
>>>>> <http://net.tutsplus.com/tutorials/ht...ues/quick-tip-
>>>>> googl e-fonts-api-youre-going-to-love-this/>
>>>>>
>>>>> --
>>>>
>>>>
>>>> Here: http://code.google.com/webfonts I don't see displayed the
>>>> google fonts in Firefox 3.6.3. Instead from body:
>>>> font-family:arial,sans-serif; So that must mean the fonts are not
>>>> downloaded.. if they are not downloaded for this page what chance
>>>> they will be downloaded on .. any pages. It works in IE, so that's
>>>> IE and probably Chrome at least. Seems like another failure vector
>>>> though ;)
>>>>
>>>>
>>>>
>>>
>>> Works for me, Opera 10.53 Build 3374.
>>>
>>> But, I don't like the way it's done. You have to download THEIR
>>> stylesheet. Of course, you can request it directly and get the
>>> information.
>>>
>>> Rather than doing this:
>>> <link
>>> href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz'
>>> rel='stylesheet' type='text/css'> <style>
>>> body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px;
>>> } </style>
>>>
>>> [http://www.cavalcade-of-coding.info/...oglefont.html]
>>>
>>>
>>> I would rather do this:
>>> <style>
>>> @font-face {
>>> font-family: "Yanone Kaffeesatz";
>>> src: url("http://themes.googleusercontent.com/font?
>>> kit=YDAoLskQQ5MOAgvHUQCcLdZ76ZYKVLHIjRQjrp3kYFc");
>>> }
>>> body { font-family: 'Yanone Kaffeesatz', serif; font-size: 200%; }
>>> </style>
>>>
>>> [http://www.cavalcade-of-coding.info/...fontface.html]

>>
>> I don't understand under what circumstances a site developer would
>> want to use these fonts for a site?
>>

>
> If you look at my site, in my signature, using a browser that supports
> @fontface (Opera does), you will see that the level 1 and level 2
> headings are using New Yorker.
>
> This saves me from having to make text graphics, saves bandwidth, good
> for accessibility, etc.
>
> Of course, I am using a fall back font and a generic, should the
> user's browser not support @font-face.


ok that makes sense.. thanks :)

--
Jenn (from Oklahoma)



Roy A. 05-22-2010 12:51 PM

Re: Google Fonts
 
On 21 Mai, 17:50, Allodoxaphobia <bit-buc...@config.com> wrote:
> On Thu, 20 May 2010 23:22:36 +0100, 123Jim wrote:
>
> > "Lewis" <g.kr...@gmail.com.dontsendmecopies> wrote in message
> >news:slrnhvaqu2.2m0j.g.kreme@ibook-g4.local...
> >> <http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-googl....>

>
> > Here:http://code.google.com/webfontsI don't see displayed the google fonts
> > in Firefox 3.6.3.

>
> linux:
> No workie in:
> * * * * * * * * Opera 10.10 *-- text simply does not display.
> * * * * * * * * lynx *-- heh... * but, the text _does_ display.
> * * * * * * * * IE6 under wine -- but, the text _does_ display.


Strange. There must be an error on that page. IE6 and browsers that
support @font-face should work. (If the browser sniffing that selects
supported font format is working).

<http://code.google.com/webfonts> is not working in Opera 10.10, but
the example on <http://code.google.com/intl/no/apis/webfonts/> are
working.

IMO it's to early to use this, but I would use conditional comments
for IE6 to make sure I am not doing anything to keep IE6 alive.



All times are GMT. The time now is 10:19 PM.

Powered by vBulletin®. Copyright ©2000 - 2013, vBulletin Solutions, Inc.
SEO by vBSEO ©2010, Crawlability, Inc.