Thin fonts display too THICK in all browsers

[pauland]

I think it would be helpful to have a URL to the webpage, not just a picture.

If the iPad is substituting fonts and you are using Google web fonts, then something appears wrong about the linkage for the fonts.

Unfortunately I don't have the latest Xara software capable of using web fonts out of the box.

[caseclarity]

Ok. Take a look
http://mattweidnerlaw.com

[Cloud]

The really strange behaviour is that I have whatfont (it shows the font details when hovered over text) extension installed in chrome and it cannot identify any of the fonts in the white middle section of your site, the header and footer are fine (arimo in the navigation menu and source sans pro rest).

[gwpriester]

It is specifying a different weight of the same font.

Your site was not created in Xara, according to the page source, so I cannot answer your question.

[caseclarity]

The center portion of the page was created in Xara Designer and brought in via iframe. The source page produces the same result. http://mattweidnerlaw.com/h/start1.htm

[pauland]

The CSS for the Roboto font doesn't include a reference to the google web font, so the iPad can't reference the font.

I suspect you need to do something more in designer - I don't have the latest version to advise you further.


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

[caseclarity]

Thank you for looking at this.

It seems there is something missing in the way the page is being saved.
The browser is just displaying the font as usual.

I will have to take up the issue with Xara.

[caseclarity]

I was not familiar with Whatfont. It appears the "light" or "thin" version of the font is being ignored by Xara in exporting the page.
The browser sees and displays a thicker, more normal version of the font.

[gwpriester]

I just previewed all weights in both fonts and the thin versions are not displaying properly. http://www.gwpriester.com/font-test/

I recommend using the Light versions which do appear to display correctly. Actually the Roboto Black is not displaying correctly either.

I'll report this to Xara.

[caseclarity]

Even the light version appears extra thick for that font face. From a design perspective this is a real downer.
Thin fonts, when used in large sizes, help balance the page while still commanding attention.

Xara needs to get this to the top of their list.