Droid Sans Bold does not load in Mac Firefox 3.6.6 (OSX 10.6.4) about googlefontdirectory HOT 30 OPEN

This isn't even working in Win Firefox 3.6.6 for me.  It also doesn't work in 
Opera 10.5, but works in Safari 5.0, Chrome 5.0.375.99, and IE6.  

The link to kernest.com does make the font bold, but the link provided by 
google font api (<link  
href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" 
rel="stylesheet" type="text/css" >) does not.

Hmm... It does work for me in Win Vista Firefox 3.6.6 (screenshot) and also in 
Win Vista Opera 10.6.

Unfortunately, for now I've "solved" this problem by using Font Squirrel's kit 
(http://www.fontsquirrel.com/fonts/Droid-Sans) and hosting locally.

But you'd think this would be an easy bug to squash, since everyone else seems 
to have it working...

I also experience this issue when using Firefox versions 3.5 as well as 3.6.7 
on Windows Vista.

My work machine is not windows vista, it is windows xp. But, that does not 
change the problem for me. So, it does NOT work for Win XP (screenshot) in 
those versions of the browsers I listed.

[deleted comment]

I have this problem on firefox 3.6.8 and Opera through Ubuntu. Chrome works (go 
figure?)

not sure what is going wrong

I have the same issue on a Win 7 x64 with Firefox 3.6.8. It works fine for me 
in Chrome and IE.

I just did a little testing and it doesn't work on my computer that has Droid 
Sans installed on it, but another computer with my same configuration without 
it installed loaded the font just fine. Can anyone confirm?

Ah, nice catch... I can confirm that is the case on Win Vista x64 with FF 3.6.8 
and also on Mac OSX 10.6.4 with FF 3.6.8 -- works without the fonts installed, 
but doesn't work when they are installed.

However, the Font Squirrel kit still works for me regardless of the fonts 
installed or not, so I'm sticking with that for now: 
http://www.fontsquirrel.com/fonts/Droid-Sans

None of the Google Font API fonts are showing up for me in Firefox 3.6.8.  I 
have checked all of the user agent strings, and 'reset' is grayed out on all of 
them.

[email protected]

I can also confirm that this is the case on Win XP with FF 3.6.8 -- works 
without the fonts installed, but doesn't work when they are installed.

Seems like this might be a firefox issue and not a google fonts issue?

No, it's definitely a Google Fonts issue. When I disconnect my computer from 
the internet and run my site locally so that the Google Fonts can't load, Droid 
Sans Bold starts working again. Somehow it is causing the browser to substitute 
Droid Sans in its place.

@tomjensen, I think it has something to do with Google's Font API because you 
can use the same font from TypeKit.com or FontSquirrel.com just fine in FireFox.

[deleted comment]

I have had this issue too, check to see if you have droid sans or droid sans 
bold fonts installed on your machine. When I uninstalled the fonts Firefox 
correctly displayed the Google font. 

Yep, we seem to have identified the cause of the bug -- Firefox won't display 
the bold variant if you've got Droid Sans & Droid Sans Bold installed locally.

However, this is still a real defect with the API, and uninstalling the fonts 
locally shouldn't be considered the solution. The API obviously should not fail 
in the case that the user actually has the fonts installed already -- it's the 
one case that the API is not needed!

As @jesse.gavin said, it's a problem unique to Google's Font API, as both 
TypeKit.com and FontSquirrel.com don't exhibit this behavior.

I can verify what @sixftdwarf commented on. It applies to Droid Serif as well 
though. I tried comparing the file names to fonts that did render properly from 
the google api, but I can't find any discernible discrepancies.

I ended up just uninstalling those fonts.

Note: This isn't limited to firefox, it effects IE & Opera as well (just not 
chrome :D)

Verified that this bug exists in Firefox but not in the latest versions of 
Safari and Chrome. 

I found a way to fix this issue. By saving a local copy of the .css generated 
by de webfont directory, you can change the web font name defined in your css. 
for example, you can change "Droid Sans" for "Droid Sans Web". 
@font-face {
  font-family: 'Droid Sans Web';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans Web'), url('http://themes.googleusercontent.com/font?kit=rS9BT6-asrfjpkcV3DXf__esZW2xOQ-xsNqO47m55DA') format('truetype');
}
@font-face {
  font-family: 'Droid Sans Web';
  font-style: normal;
  font-weight: bold;
  src: local('Droid Sans Web'), url('http://themes.googleusercontent.com/font?kit=EFpQQyG9GqCrobXxL-KRMQJKKGfqHaYFsRG-T3ceEVo') format('truetype');
}


Now use the font on the body; type:

body{
font-family:'Droid Sans','Droid Sans Web', Arial,sans-serif;
}

If the user has the fond installed locally, the browser will use it. if not, 
the web font will be used instead.

I hope someone from Google read this topic and is working with a solution for 
us.

alexandre.paquette's answer was working for me, but with a little bit 
modification how to use the font, the local copy must be a priority to get it 
works, i.e.

h1{
  font-family: 'Droid Sans Web', 'Droid Sans', sans-serif;
}

This works great for classes but not for the <strong>tag. Hope Google will fix 
this Firefox bug soon.

[deleted comment]

confirmed <strong> tag doesn't get fixed with this workaround; confirmed this 
is happening with various Firefoxes up to 4 and IE7, IE8. Such a pity, Droid is 
such a nice font.

Again, my advice to anyone wanting to use Droid Sans on their website is:

1. Go to http://www.fontsquirrel.com/fonts/Droid-Sans 
2. Click on "@font-face Kit" and download the kit with all formats checked
3. Host the font files locally on your website

This seems to work universally, whether you have the fonts installed locally or 
not. They have Droid Serif available as well.

It's a shame that Google's Font API manages to botch their own Droid font, but 
don't let that stop you from using it!

Did Google fix this issue?

I think they did, but I'm not sure.

If I look at this site: 
http://code.google.com/webfonts/family?family=Droid+Sans#variants
on 2 computers with the Droid fonts installed I see both font variants (normal 
and bold) perfectly.
I'm quite sure the bold variant didn't show up correctly before, but since I 
reinstalled my computer, that might be the reason.

Can any of you verify?

I have tested on:
Windows XP: FF 3.6.12 and IE 7
Windows 7: FF 3.6.12 and IE 8

Have been having the same problem with IE and Droid Sans. Working from 
matthew.giacomazzo's solution in Issue 6 (same issue essentially), I prefer not 
to punish non-IE users, so came up with this, which also works in Opera 
(fabiomr.barbosa rightly points out that the previous solution causes issues in 
Opera):

<!--[if !IE]>
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:bold,regular" 
rel="stylesheet" />
<![endif]-->
<!--[if IE]>
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:regular" 
rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:bold" 
rel="stylesheet" />
<![endif]-->

Would still prefer the Google API to sort this out though.

Have tested in IE6-8, FF, Chrome and Opera

Thanks to '#20 alexandr' your solution worked for me - squirrel-kit didn't - 
thanks alexandr

Amazing how we're all left to fend for ourselves - what the hell are Google 
doing???

still not working, 4 years!
can someone explain #20 some more, I do not understand this bit...
By saving a local copy of the .css generated by de webfont directory, you can 
change the web font name defined in your css

what are those URL's in his @fontface?