Several rendering issues (visibility, fonts…)

Hi,
just have on mind, if you have enabled cleartype on your XP machine?

Pilgrim

Thank you for you reply, I’ll take a look.

I have other rendering issues, on a Windows 7 machine :

Firefox 20 : the QuickSand font doesn’t render correctly
Internet Explorer 9 : the grayscale filter is not “smooth”

If it’s possible, I want to manage to make all the fonts render properly on Mac, Windows (Seven, maybe XP) with Chrome, Firefox, IE9+.

Thanks.

Ok, I tried these webfont-kits :

https://www.fontsquirrel.com/fonts/Quicksand
https://www.fontsquirrel.com/fonts/libre-baskerville

With the proper associated css (found in the downloaded archive).

It’s working fine except that some special characters (é) doesn’t have the same size as the other characters in Firefox.

After further investigation, I actually have one problem, even on the demo website (https://spun-demo.calobeedoodles.com/) :

The Quicksand font does not render properly on Firefox 21 on a Windows 7 machine.

Note : I’ve removed the webfont kits and cleaned up my child theme.

Any idea to fix this ?

Thanks.

Is the issue that some fonts don’t work the same on all browsers/OS’s?

I mean the font is not readable at all on this configuration (Firefox 21 + Windows 7).

Can you test that font on a plain HTML page?

Play it safe https://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

@wpyogi : when I open the demo page of the Quicksand-fontfacekit, it works fine.

So I guess something is messing up with the css…

Yeah, the CSS is applying a smaller font size in the theme, rather than the size you are viewing on the font itself (through font squirrel).

Ok, do you have an idea on how to fix this in Firefox ?

Thank you for your help.

Hang on, how were you testing the font in font squirrel?

I search for “Quicksand” on the font squirrel website, I download the webkit and then I open the demo.html file with the browser.

I think we should wait until Caroline responds because it’s not clear which font she used.

The font in the theme is loaded from Google Web fonts, not Font Squirrel. A search turned up a number of folks who’ve had similar font rendering issues with Windows/Firefox, not really something that can be fixed by the theme. I’d suggest choosing a new font, or changing the font weight.