Comments (20)
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.
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.
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.
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.
Should I try to host it manually? On Dropbox or something and see if I have
the same issue?
from source-sans.
Try clearing the browser's cache and see if that helps.
from source-sans.
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.
from source-sans.
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.
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.
This is the rendering I get on my Win7 setup with Chrome:
from source-sans.
@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.
@pauldhunt It burns! (I can't stand Windows font rendering ๐)
from source-sans.
Thanks Wells! Will do and I will update this post if it fixes the problem
or if the problem still persists!
from source-sans.
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.
@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.
@anthonycalixto are all your machines running the same version of Chrome, and do they have all the same Windows updates installed?
from source-sans.
@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.
@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.
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.
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)
- case issue with git and glyph layers HOT 2
- Add Kyrgyzstani som sign โ (U+20C0)
- VF designspaces need public.skipExportGlyphs key set to match GOADB HOT 1
- Collision avoidance for Lithuanian letters HOT 2
- Issues with source sans 3 and Libreoffice PDF Export HOT 2
- Missing medium weight HOT 4
- Some Combining Diacritical Marks not rendered correctly HOT 1
- Source Sans (Pro) not rendered properly in some Windows applications HOT 6
- Incorrect rendering of letters of DIN 91379
- TTF vs OTF on Windows without smoothing HOT 3
- Missing glyphs โ and โ (turned digits 2 and 3) HOT 1
- Inconsistent zero in proportional numbers & small caps HOT 2
- U+33C7 SQUARE CO is rendered as "Ca" HOT 1
- No distinguish between ฤฑฬ and iฬ HOT 2
- Interpolation problems in `SourceSans3-Italic[wght].ttf` HOT 1
- Ligature tie (e.g. "iอกa") renders with a left offset HOT 4
- Missing Proportional Capital Figures
- [Request] Non-descending Q for titling as alternate HOT 1
- [Request] Add Latin Letter Glottal I HOT 1
- [Request] Add Double Oblique Hyphen HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from source-sans.