Several rendering issues (visibility, fonts…)

  • Resolved djalouk

    (@djalouk)


    13 years ago

    Hello,

    I’m facing several rendering issue. I’ll try to fix them one by one.

    On a Windows XP machine with the latest version of Chrome, I have 2 rendering issues :
    – the circles, menu items etc… are barely visible (almost totally white)
    – the web fonts don’t render properly

    Same on your demo website…

    I tried on my mobile (Android phone with Chrome) and on a Mac with the latest version of Chrome, everything looks great.

Viewing 15 replies - 1 through 15 (of 19 total)
1 2
  • PilgrimX

    (@pilgrimx)

    13 years ago

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

    Pilgrim

    Thread Starter djalouk

    (@djalouk)

    13 years ago

    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.

    Thread Starter djalouk

    (@djalouk)

    13 years ago

    Ok, I tried these webfont-kits :

    http://www.fontsquirrel.com/fonts/Quicksand
    http://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.

    Thread Starter djalouk

    (@djalouk)

    13 years ago

    After further investigation, I actually have one problem, even on the demo website (http://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.

    WPyogi

    (@wpyogi)

    13 years ago

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

    Thread Starter djalouk

    (@djalouk)

    13 years ago

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

    WPyogi

    (@wpyogi)

    13 years ago

    Can you test that font on a plain HTML page?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

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

    Thread Starter djalouk

    (@djalouk)

    13 years ago

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

    So I guess something is messing up with the css…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 12 months ago

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

    Thread Starter djalouk

    (@djalouk)

    12 years, 12 months ago

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

    Thank you for your help.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 12 months ago

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

    Thread Starter djalouk

    (@djalouk)

    12 years, 12 months ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 12 months ago

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

    Theme Author Caroline Moore

    (@sixhours)

    12 years, 12 months ago

    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.

Viewing 15 replies - 1 through 15 (of 19 total)
1 2

The topic ‘Several rendering issues (visibility, fonts…)’ is closed to new replies.