Weird - Google Fonts not working with Chrome?


#1

Hello guys,

I have a really strange situation. I am using a font (Lobster) from the Google Font APi and for some reason it is not working in Chrome?

Do you have any idea what could be possibly wrong?

Thank you in advance!


#2

I’ve used that font before, and it works fine on Chrome. Can you paste in some source code?


#3

This is working fine for me on Chrome? Is it for you??

http://jsfiddle.net/nrFHx/


#4

Hello Jeffrey,

The code is the standard code from the API. Just the CSS inclusion and the class in the stylesheet

Here is a link to the WIP (I hope it’s not against the rules)

http://bit.ly/okHwUq


#5
JeffreyWay said

This is working fine for me on Chrome? Is it for you??

http://jsfiddle.net/nrFHx/

Sounds weird but yes, it is working


#6

It looks like it’s the font version. With your version it works. With lobster Two and the code from Google - not.


#7

I had this problem before, it appears only when the font is installed on your PC/mac.

Quick and dirty pseudo-solution: delete the font from your machine and the problem will be gone.


#8
bloooming said

I had this problem before, it appears only when the font is installed on your PC/mac.

Quick and dirty pseudo-solution: delete the font from your machine and the problem will be gone.

Lol, I was looking for the stuff and stumbled upon this. Thanks a lot mate. :wink:


#9

I have this font also installed on my machine (Win7) and still have no issues viewing that particular font with any of my browsers (incl. chrome).

So there must be another reason for that…


#10
infuse01 said

I have this font also installed on my machine (Win7) and still have no issues viewing that particular font with any of my browsers (incl. chrome).

So there must be another reason for that…

Nah, I just uninstalled it and it’s working fine now. Maybe we’re not running the same version of Chrome.


#11
Crakken said
infuse01 said

I have this font also installed on my machine (Win7) and still have no issues viewing that particular font with any of my browsers (incl. chrome).

So there must be another reason for that…

Nah, I just uninstalled it and it’s working fine now. Maybe we’re not running the same version of Chrome.

I’ve got the: 21.0.1180.60 m but also hadn’t any issues with previous versions. Weird :S


#12
infuse01 said
Crakken said
infuse01 said

I have this font also installed on my machine (Win7) and still have no issues viewing that particular font with any of my browsers (incl. chrome).

So there must be another reason for that…

Nah, I just uninstalled it and it’s working fine now. Maybe we’re not running the same version of Chrome.

I’ve got the: 21.0.1180.60 m but also hadn’t any issues with previous versions. Weird :S

I don’t have the font I am trying to use (Molle) installed, and it is not working on Chrome. I am using Chrome Version 25.0.1364.172 m. I have been having a lot of problems with Chrome lately though. Like: many pages are not loading, a couple load without formatting, some web certs are not recognized. Mozilla does this too for me (the not formatted pages- just text, and mostly all certificates are not recognized and I have to accept them all). Not sure why. It may be my laptop. It is an older Dell and I bought it used. The font works fine on IE for me.


#13

This may or may not be related, but I’ve had issues in the past using Google Fonts, particular in Google Chrome:

Font Used: ‘Share’

Problem: In a header (h1) long enough to wrap, Chrome would render the font correctly for the first line and every other line after, while the lines in between would fall back to the next font in the stack (in this case, simply ‘sans-serif’)

Solution: I had been using Twitter Bootstrap for this particular build when the issue occurred. Baked into Bootstrap 2.3.0 (in others, I’m sure too) is a header rule for text rendering: ‘text-rendering: optimizelegibility;’ – changing this rule to ‘text-rendering: auto;’ resolved the problem for me.

Read more here: https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering