- This topic is empty.
April 19, 2011 at 4:57 pm #32422
I’ve recently embed a font, Josefin Sans, found in Google Fonts, to my site. When previewing in Browserlab, it renders perfectly in all the latest browsers but adequate to poor in older browsers. I did some research and discovered this is not uncommon. Therefore I’d like find a alternative to Google Fonts– some place where one will have fewer rendering issues.
I’ve heard good things about fontSquirrel and webINK. Are they more reputable? Are there other font sources I should consider?April 19, 2011 at 5:03 pm #50136eagleworksMember
I believe the only genuine way to dodge the rendering issues of @fontface would be to use something like Cufon.April 19, 2011 at 6:19 pm #50103
Thanks for reply, eagleworks, That’s good to know. I read someplace that cufon doesn’t work as well in IE6 and 7.April 20, 2011 at 7:47 am #50110
In my opinion, I like fontsquirrel. It gives you all the font types including IE support and actually generates the CSS for you. Although it’s pretty simple to do yourself.April 21, 2011 at 12:46 pm #50057
I tried using Cufon and fontsquirrel but I got “error parsing styles” for both. I’m wondering if it is the placement of the code?April 21, 2011 at 2:22 pm #50060jimsilvermanMember
you’re going to run into the same issue with any @font-face solution (google fonts, fontsquirrel, typekit, etc.)
the thing is older browsers on windows use windows’ font smoothing, so some fonts will look like crap. a classic example of this helvetica vs arial on windows. helvetica renders like chicken scratch and arial looks just fine.
probably getting a bit off topic, but here’s a good read on why the fonts look different based on browser/OS: http://www.joelonsoftware.com/items/2007/06/12.htmlApril 21, 2011 at 3:29 pm #50062
I’ve read so much this past few days fonts that I’m confused. So, is it not possible to find a decent alternative to web safe fonts in Windows? (My font looked decent in IE9.)April 21, 2011 at 4:37 pm #50063
@doobie, how did you go about placing the @font-face into your stylesheet? Can you paste your code?April 21, 2011 at 6:04 pm #50067
@ChristopherBurton, I’m no longer getting an error message but it’s still not working for me.
Here is the code:
April 21, 2011 at 6:22 pm #50068
Ok, now when you’re styling your text how do you code it?
font: normal 20px "Panefresco600wtRegular";
Also try adding another forward slash before “type”
src: url('/type/Panefresco600wt-Regular-webfont.eot?#iefix') format('embedded-opentype'),
}April 21, 2011 at 6:41 pm #50069
Hey, that extra / inserted before “type” worked! Thanks a lot for tip, Christopher.April 21, 2011 at 7:00 pm #50070
No problem :)
- The forum ‘Other’ is closed to new topics and replies.