Droid Sans Bold does not load in Mac Firefox 3.6.6 (OSX 10.6.4)

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Go to http://code.google.com/webfonts/family?family=Droid+Sans#variants 
using Mac Firefox 3.6.6 (OSX 10.6.4)

What is the expected output? What do you see instead?
It should display both Droid Sans Regular and Droid Sans Bold variants 
correctly. Instead it displays both as Droid Sans Regular.

What version of the product are you using? On what operating system?
Mac Firefox 3.6.6 (Mac OSX 10.6.4)

Please provide any additional information below.
So far, no other browsers I've tested have reproduced this bug, including Win 
FF 3.6.6. I also tested on my own local HTML file (using the link tag, not the 
WebFont Loader) and the bug still persists. However, using this link tag from 
kernest.com actually works:

<link href="http://kernest.com/fonts/droid-sans-bold.css" media="screen" 
rel="stylesheet" type="text/css" />

Original issue reported on code.google.com by sixftdw...@gmail.com on 3 Jul 2010 at 9:06

Attachments:

• [Screen shot 2010-07-03 at 1.17.58 AM.png](https://storage.googleapis.com/google-code-attachments/googlefontdirectory/issue-13/comment-0/Screen shot 2010-07-03 at 1.17.58 AM.png)

[GoogleCodeExporter]

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.

Original comment by ericjlit...@gmail.com on 15 Jul 2010 at 4:03

[GoogleCodeExporter]

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...

Original comment by sixftdw...@gmail.com on 15 Jul 2010 at 7:08

Attachments:

• win-vista-ff-3.6.6.png

[GoogleCodeExporter]

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

Original comment by jesse.gavin on 22 Jul 2010 at 6:58

[GoogleCodeExporter]

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.

Original comment by ericjlit...@gmail.com on 22 Jul 2010 at 9:17

Attachments:

• font-issue.jpg

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

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

not sure what is going wrong

Original comment by adam.w.k...@gmail.com on 1 Aug 2010 at 11:17

[GoogleCodeExporter]

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

Original comment by derekant...@gmail.com on 2 Aug 2010 at 7:10

[GoogleCodeExporter]

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?

Original comment by derekant...@gmail.com on 2 Aug 2010 at 7:32

[GoogleCodeExporter]

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

Original comment by sixftdw...@gmail.com on 2 Aug 2010 at 9:06

[GoogleCodeExporter]

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.

Original comment by jonathan...@gmail.com on 2 Aug 2010 at 5:49

[GoogleCodeExporter]

de..@derekperkins.com

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.

Original comment by ericjlit...@gmail.com on 2 Aug 2010 at 5:56

[GoogleCodeExporter]

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

Original comment by tomjen...@gmail.com on 2 Aug 2010 at 5:59

[GoogleCodeExporter]

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.

Original comment by derekant...@gmail.com on 2 Aug 2010 at 6:34

[GoogleCodeExporter]

@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.

Original comment by jesse.gavin on 2 Aug 2010 at 6:34

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

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. 

Original comment by patgau...@gmail.com on 3 Aug 2010 at 10:35

[GoogleCodeExporter]

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.

Original comment by sixftdw...@gmail.com on 3 Aug 2010 at 8:23

[GoogleCodeExporter]

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)

Original comment by adam.w.k...@gmail.com on 6 Aug 2010 at 9:44

[GoogleCodeExporter]

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

Original comment by hiy...@gmail.com on 30 Aug 2010 at 8:44

[GoogleCodeExporter]

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.

Original comment by alexandr...@gmail.com on 17 Sep 2010 at 3:10

[GoogleCodeExporter]

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

Original comment by tomic...@gmail.com on 9 Oct 2010 at 9:20

[GoogleCodeExporter]

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;
}

Original comment by ypas...@gmail.com on 26 Oct 2010 at 3:44

[GoogleCodeExporter]

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

Original comment by hei...@gmail.com on 6 Nov 2010 at 4:02

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

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.

Original comment by 197...@gmail.com on 11 Nov 2010 at 8:28

[GoogleCodeExporter]

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!

Original comment by sixftdw...@gmail.com on 11 Nov 2010 at 10:16

[GoogleCodeExporter]

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

Original comment by sanderde...@gtempaccount.com on 5 Dec 2010 at 1:43

[GoogleCodeExporter]

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

Original comment by paul.mot...@gmail.com on 5 Jan 2011 at 4:07

[GoogleCodeExporter]

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???

Original comment by nej...@gmail.com on 7 Jun 2013 at 4:31

[GoogleCodeExporter]

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?

Original comment by gasonm...@gmail.com on 10 Feb 2014 at 5:09