#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    3
    Rep Power
    0

    Fonts rendering harshly


    Hi,

    For some reason, embedded fonts through Google Fonts render roughly on certain webpages. I've checked that my Windows font smoothing is on. See screenshot; I'm baffled. It's a brand new Windows 8 install with brand new Chrome install.

    Do you think I'm doing something wrong with CSS? This is my first time using Google Fonts link ref'ed.


    Here's an image of what it looks like on Win 8 Chrome:
    siouxperman.com/lar/screenshot.png

    Here's the website:
    siouxperman.com/lar/larche.html

    Thanks!!!
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4303
    Welcome to DevShed Forums, micaltena.

    Chrome does not use Windows font smoothing; it has its own built-in font renderer. The text looks the same in Chrome on Win7 here. I've seen worse font rendering when using @font-face in Chrome.

    As far as I know, the only solution is to use a different font.
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    3
    Rep Power
    0
    Thanks for the welcome, and for the font tip!

    What do other designers do? Just avoid Google Fonts or are there better, smoother fonts for Chrome Win 7 out there?

    Best!

    Originally Posted by Kravvitz
    Welcome to DevShed Forums, micaltena.

    Chrome does not use Windows font smoothing; it has its own built-in font renderer. The text looks the same in Chrome on Win7 here. I've seen worse font rendering when using @font-face in Chrome.

    As far as I know, the only solution is to use a different font.

IMN logo majestic logo threadwatch logo seochat tools logo