- This topic is empty.
-
AuthorPosts
-
December 31, 2012 at 4:59 am #41688sanygeekMember
The fonts rendered by chrome and safari on windows PC are pretty bad compared to Firefox or IE. I’ve tried the text-stroke, text-shadow and font-smoothness methods but these haven’t make them look any good.
So I made this web page : [Font Test](http://www.creativesands.in/font-test “Font-Test”)
Here visitors can easily change fonts and their sizes to check font rendering smoothness. I found that fonts have rugged edges until about 50px or so, after which they are smooth. Probably because the glyphs have larger curves then.Is there a way to improve font rendering on chrome and safari (Windows) ?
December 31, 2012 at 9:44 am #119478chrisburtonParticipantI think Josh’s method actually makes it worse.
I prefer Chrome when using webfonts that have a weight of 100 to 300. Also, Chrome renders Georgia much better than Firefox on Windows.
December 31, 2012 at 10:18 am #119482downpour046ParticipantFonts can typically look poor if your environment does not have installed mime-types for that specific font. Hosting companies like GoDaddy and others can also provide hardships to some and require workarounds.
http://stackoverflow.com/questions/7415640/correct-apache-addtype-directives-for-font-mime-types
December 31, 2012 at 11:34 pm #119526chrisburtonParticipant@joshuanhibbert Would love to see a simple test case of that theory without other CSS3 features (transforms, transitions, perspective).
Mine: http://codepen.io/chrisburton/pen/hdbBc
By the way, someone I helped just before you on that Twitter handle, had his changed last week.
January 1, 2013 at 3:33 am #119533chrisburtonParticipant@joshuanhibbert Lame. I wonder if they at all have used the account for Direct Messaging.
What a significant difference between OS X and Windows font rendering. On Windows, it makes the font look worse (pixelated) but better on OS X. So in that case, I’d probably target OS X specifically (if possible).
January 1, 2013 at 4:46 am #119537sanygeekMemberThanks for your responses. I wonder if chrome is able to access the windows’ font smoothing technology –cleartype. The same fonts render differently on chrome and on IE10 or Firefox.
@joshuanhibbert translateZ(0) seems to smooth out edges a little but the font seems a little blurred then.
Hoping to either find a universal fix that fixes all fonts in chrome or that Google fixes this issue themselves in their next release. I just wonder why this is not already fixed, given, the sheer number of people working behind webkit.January 1, 2013 at 12:17 pm #119556chrisburtonParticipantChrome should be switching to DirectWrite soon.
January 1, 2013 at 6:37 pm #119587chrisburtonParticipant@joshuanhibbert I don’t believe so. OS X already supports DirectWrite however, Chrome (on Windows) does not. Right now it supports ClearType.
January 2, 2013 at 9:52 am #119628sanygeekMemberThis directWrite thing really seems to be the ray of hope. Here’s what a Chromium-Dev guy has to say about this: [DirectWrite Plans](https://groups.google.com/a/chromium.org/forum/?fromgroups=#!topic/chromium-dev/5BQYLaalCoY “Chromium-Dev”)
Apparently Firefox and IE are already using this windows technology, I guess that explains their smooth font rendering.
January 2, 2013 at 9:58 am #119629sanygeekMemberHey I found an article on http://www.smashingmagazine.com that quite explains this whole thing.
[A closer look at font rendering](http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/ “SmashingMagazine”)And here’s an article on [DirectWrite](http://msdn.microsoft.com/en-us/library/windows/desktop/dd371554(v=vs.85).aspx “Microsoft DirectWrite”) itself.
:)
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.