I'm using font squirrel. Everything is fine on MacOSX or ipad. But I've got problem on my windows machine.
Font is just cutted.
It's original font(DinCond) on the bottom of the picture.
http://postimage.org/image/b3apbrwtd/
According to this, the thinner and condensed fonts usually have this issue.
http://www.fontsquirrel.com/blog/2009/11/what-to-expect-from-our-font-face-generator
This might spark some attempts:
http://www.fontsquirrel.com/forum/discussion/74/webkit-font-rendering-on-windows-xp/p1
might want to play around with CSS alias settings
You can always try Cufon and spend a little on TypeKit
Related
I ran into a problem with font rendering on Windows.
I'm used to a little difference in rendering between Mac and Windows, but this just made my mouth fall open. I tested the site thoroughly on Mac and I'm positive it looks just fine in Chrome, Firefox and Safari.
It looks like this on Mac browsers:
On Windows, it looks completely messed up in any browser (I tested Chrome, Firefox and IE):
I know Mac has Iowan Old Style installed by default, so I tried forcing the Mac browsers to use the webfont I generated using FontSquirrel, but that doesn't reproduce the problem on Mac.
Both browsers seem to load the same font (namely the woff version) correctly. Does anybody have any idea what this could be?
I can't post the link to the website because I don't have enough reputation, please look at the screenshots for the URL..
Thanks guys!
After some more research I found out the original (ttf) font worked perfectly fine on Windows, so it had to be FontSquirrel that caused the problems. I tried out 8 different types of settings on FontSquirrel and kept having the same issues.
After a while I decided to try a different generator and I came across Fontie: https://fontie.flowyapps.com/home
This actually solved the problem for me!
I have an area of a website that has a few broken images; however it is only in a few different situations.
Where it works
Windows 7 (all 64 bit) - Chrome, Firefox, IE7, IE8, IE9
Windows XP - Firefox, Chrome
Where it doesn't work
Windows XP - IE8, IE7
If I look in the source on the Windows XP/IE combinations, the generated source looks fine. However, if I paste the URL of the image into the address bar, sure enough it can't find it despite it being there. If I copy and paste the same URL into one of the other browsers, it finds it just fine. Cross browser quirks is something we are all familiar with, but an image not being found but only in certain hardware/software combos is certainly a new one for me.
I know this question is 3 years old, and the images are no longer there, but anyone investigating this problem may have some luck with this answer:
Some images won't display in IE7 or IE8
Short version: the images are CMYK compressed rather than RGB; apparently it can be fixed by opening in irfanview and re-saving it, or something similar in photoshop.
I just loaded a new system and everything looked fine. Then all of the sudden Chrome starting displaying certain fonts on certain web pages with what looks like no anti-aliasing. I've had this happen before on another system as well. Same thing, everything looked fine and then all of the sudden this started. Any ideas or suggestions? Thanks.
Screenshot of what I'm typically seeing.
http://www.denkers.com/test/font.jpg
First, make sure your text encoding is correctly set to Unicode (UTF-8) by going to the wrench icon -> Tools -> Encoding
If that doesn't work, go to the wrench -> About Google Chrome and update to the latest version.
Finally, if none of these work, try reinstalling Google Chrome.
I'm familiar with the differences in rendering web fonts in different browsers and/or OS. A couple of questions though:
I use a web font (woff) that looks like crap in Chrome but is OK in FF (on Windows 7). The other day I used my office computer from home via remote desktop. I noticed that the font now looked like crap in FF too. It looked much the same as in Chrome at the office. (I didn't test Chrome at home). I know that remote desktop reduces "the graphics" somehow, but not exactly how, and I have no idea how it could effect font rendering. When I came to the office the day after, the rendering in FF was still messed up. I guess the remote desktop session´s changes to "the graphics" was still in effect. I checked with Chrome and now rendering in that browser looks fine, like in FF before!!? So I restarted the computer to get back my usual "graphics settings" but that didn't help. Then I cleared the font cache and restarted again. Now I'm back to crappy Chrome rendering and OK FF rendering.
My questions:
What is happening with "the graphics" in general, and with font rendering in particular, when I connect with remote desktop (setting = 32-bit color depth)? My guess is that whatever changes, it gets both FF and Chrome to use another rendering method than before.
How can the effect still be there after rebooting the computer. Is the "rendering result" somehow stored in the font cache as it seems?? Seems odd.
Thanks for any advice.
Chrome cannot render TrueType fonts with correct anti-aliasing at the moment. WOFF fonts are containers for either OpenType or TrueType, in your case probably TrueType, so you get the crappy rendering. You can either serve an SVG font to Chrome (bigger file size) or use a WOFF based on OpenType.
Apart from that, many other factors influence font rendering, like having the font locally on your system or having ClearType enabled or not (which is not enabled by default through remote desktop).
See here as well.
I had the same issue and searched but found no answers.
Ultimately in my case it was a combination of remote desktop, server 2012 and browser fonts (Roboto in my case).
It was the worst in chrome, ok in firefox, perfect in ie.
The cause was the missing feature 'desktop experience' in server 2012.
To add this feature to server 2012:
Click Start, point to Administrative Tools, and then click Server Manager. In Server Manager, click Features, and then in the Server Manager details pane, under Features Summary, click Add features. In the Features list, select Desktop Experience, and then click Install.
That completely fixed the issue for me in all browsers/fonts, hope it helps someone else out there.
I have some text that looks like this:
Some Text · SomeMoreText
In all Windows browsers, this shows up like:
But on the Mac, it shows up like:
Why does the Mac trim the space following the dot? Even doesn't work.
The problem is the font you're using (Arial Black). For some reason there seems to be an issue with the kerning on the mid-dot character in the Mac version of this font. You'll need to use a different font to fix this issue.