Giter VIP home page Giter VIP logo

Comments (20)

davelinke avatar davelinke commented on May 28, 2024 1

I was experiencing easing failures on Windows with the font. The EOT file i was using was a converted TTF file. I used the EOT files provided by Adobe at Github and now it looks all right. Although my case was not a failure of the adobe files themselves, i just wanted to post it here in case someone is experiencing this by not using the files available on Github.

from source-sans.

pauldhunt avatar pauldhunt commented on May 28, 2024

Have you tested the rendering on Mac or other versions of Windows? Are you having the same issues? Does clearing the browser cache do anything to resolve this issue?

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

No. I do not have a Mac. I'm running on Windows 7 and all computers I have
here at home are running on Windows 7. I was on this same laptop a few days
ago and the font was rendering fine. It looked smooth and perfect but out
of nowhere, it started rendering weird and pixelated.

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

Also when I set the weight to 300 it looks even worse. Some parts of the
font are thin, some are a little thicker.

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

Should I try to host it manually? On Dropbox or something and see if I have
the same issue?

from source-sans.

miguelsousa avatar miguelsousa commented on May 28, 2024

Try clearing the browser's cache and see if that helps.

from source-sans.

GBeauregard avatar GBeauregard commented on May 28, 2024

It works for me on Linux (Gentoo) using Chromium 24.0.1312.45 (173848) with freetype 2 compiled with the infinality patch set as the font rendering engine.
Presumably this is an issue with the op's setup.
Working Example

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

It was working fine before though... on Windows 7 (Google Chrome) I didn't
change no settings or anything so I don't see how the rendering could have
changed out of nowhere... I cleared the cache last night and restarted the
laptop. Problem still persists.

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

Hmm... it looks fine on Internet Explorer but it's still rendering weird on
both Firefox and Google Chrome. What should I do? Does it have to do with
anti-alias and things like that? Do I have to add a code to the CSS?

from source-sans.

pauldhunt avatar pauldhunt commented on May 28, 2024

This is the rendering I get on my Win7 setup with Chrome:
Capture

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

@pauldhunt That's how it should be looking but I am seeing it different (screenshot). It looks more pixelated. @wellsriley Yes I am using Google web fonts for this particular font, should I host it manually and see if the problem persists? @pauldhunt If that's how you see it on Windows 7 on Chrome, what should I do to fix this? Because I'm using the same and it's still acting up...

from source-sans.

GBeauregard avatar GBeauregard commented on May 28, 2024

@pauldhunt It burns! (I can't stand Windows font rendering ๐Ÿ˜’)

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

Thanks Wells! Will do and I will update this post if it fixes the problem
or if the problem still persists!

from source-sans.

pauldhunt avatar pauldhunt commented on May 28, 2024

Anthony,

I'm not sure what to tell you to try next, but it seems clear that this is not a font issue. I'm doubtful this is a Google Web Fonts issue as I am getting the proper rendering on my end. It seems you must have some local setting that is causing this renering issue for you. You might try making sure that you have ClearType rendering enabled, otherwise it is likely that you can get ugly pixelated rendering like this on Windows. Besides that, I'm not sure what might be causing this issue.

P.S. Please do not reply with additional text besides your own when replying by email, thanks.

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

@pauldhunt This problem only seems to be with the laptop I am on. It was working perfectly before so I'm going to check the settings and see if I changed anything. I checked it on another computer running the same operating system and the font looked normal. Thanks for the help Paul.

from source-sans.

miguelsousa avatar miguelsousa commented on May 28, 2024

@anthonycalixto are all your machines running the same version of Chrome, and do they have all the same Windows updates installed?

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

@miguelsousa All machines are running the same version. But I tested Firefox on my laptop and it was rendering weird, then tested Firefox on my dad's laptop and it looked fine to me. It was rendering fine on my laptop a few days ago. I didn't change any settings so I don't know what this could be. But I have found a solution to the problem.

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

@pauldhunt I am now hosting the font files on my website from Font Squirrel and the font is looking normal on Google Chrome... I'm not sure why this problem was happening but it's back to normal none the less.

from source-sans.

njx avatar njx commented on May 28, 2024

FWIW, it looks like the order of declarations in the @font-face could affect this: http://www.adtrak.co.uk/blog/font-face-chrome-rendering/ -- it could be that different hosting services put them in different orders.

Also FWIW, I see the same thing on (e.g.) http://twitter.github.com/bootstrap -- the rendering of the large "Bootstrap" text is much nicer in IE than in Chrome on Windows.

from source-sans.

anthonycalixto avatar anthonycalixto commented on May 28, 2024

The rendering was acting up even before I used font face. I found a fix now
though. I'm using the font hosted on font squirrel.

from source-sans.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.