Thin fonts display too THICK in all browsers

[steve.ledger]

This seems to be a google font problem.
If you download the Roboto family from font squirrel and install to replace the versions downloaded from Google fonts, the problem goes away.

► http://www.fontsquirrel.com/fonts/roboto


Google Fonts install



Font Squirrel install

[gwpriester]

Do the fonts still automatically embed? I see you also get the condensed versions.

Still a problem with Lato Hairline though. I downloaded the font from Font Squirrel and replaced the current version and the problem still exists with the Light version. http://www.gwpriester.com/font-test-2/

[angelize]

Yes, but you need to download the @fontface webfont kit from fontsquirrel. To use the fonts in Xara programs you only need the TTF file( but it has to be the web font version from the kit). The font squirrel fonts will also show in the google fonts section in Xara's font list if they are also available on Google fonts. IMO FontSquirell is much better than google fonts for a number of reasons this issue being one of them.

[gwpriester]

I am looking at my link on my Google Nexus and the fonts appear to have loaded OK. Except the one lite version.

[caseclarity]

I needed to get a page out quickly and Xara let me do it faster than the wordpress tools.
It's actually a good combination.

[pauland]

I am looking at my link on my Google Nexus and the fonts appear to have loaded OK. Except the one lite version.

See post #11 - the reference in the stylesheet to the Google font is missing.

In the Xara font stylesheet xr_fonts.css it shows

.Thin_Head1 {font-family:'Roboto';font-weight:250;font-size:60px;color:#0463A0;letter-spacing:-0.0em;}

with no link to Google
While in the wordpress part we have

@import url(http://fonts.googleapis.com/css?fami...subset=latin);

That's why the font substitutions are happening in the Xara part.

Anyone without the Roboto font on their computer will have the font substituted.

[caseclarity]

In xr_fonts.css I see the following:

@import url(http://fonts.googleapis.com/css?fami...subset=latin);

In custom_styles.css I see the following:

.Thin_Head1 {font-family:'Roboto';font-weight:250;font-size:60px;color:#0463A0;letter-spacing:-0.0em;}

Seems to me the fonts.css file has the reference to the Google api. Am I reading this wrong?

[pauland]

My bad, then - I missed xr_fonts.css .