WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Several rendering issues (visibility, fonts...) (20 posts)

  1. djalouk
    Member
    Posted 1 year 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.

  2. PilgrimX
    Member
    Posted 1 year ago #

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

    Pilgrim

  3. djalouk
    Member
    Posted 1 year 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.

  4. djalouk
    Member
    Posted 1 year 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.

  5. djalouk
    Member
    Posted 1 year 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.

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  7. djalouk
    Member
    Posted 1 year ago #

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

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Can you test that font on a plain HTML page?

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

  10. djalouk
    Member
    Posted 1 year 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...

  11. Andrew
    Forum Moderator
    Posted 1 year 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).

  12. djalouk
    Member
    Posted 1 year ago #

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

    Thank you for your help.

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  14. djalouk
    Member
    Posted 1 year 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.

  15. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  16. Caroline Moore
    Member
    Theme Author

    Posted 1 year 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.

  17. djalouk
    Member
    Posted 1 year ago #

    I use the Google Fonts plugin and use another font in my child theme.

    Thank you very much for your help.

  18. blobbi
    Member
    Posted 9 months ago #

    I just went to the css bit in editor. Copied and pasted the css into textedit. Replaced all the quicksand with another font (gudea) and then copied and pasted it back. Now works in firefox.

  19. beccstar
    Member
    Posted 8 months ago #

    Hello

    I am having the same issues. I am very new at all this and have never changed any coding before. I have found the Appearance and Editor part in the dashboard. I can see coding with different areas being assigned different fonts. Do I simply change the h5 font family - Quicksand to Gudea and h6 font family - Quicksand to Gudea and everything would be fixed?

    Or does some one mind giving me a step by step approach to what I need to do?

    Thanks heaps
    Becc

  20. WPyogi
    Volunteer Moderator
    Posted 8 months ago #

    First, start a new thread here:

    http://wordpress.org/support/theme/spun#

    Include a link to your site. Don't modify any code or you'll lose all of your changes when the theme is updated. Instead use a child theme or custom CSS plugin.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.