- This topic is empty.
-
AuthorPosts
-
April 19, 2011 at 4:57 pm #32422doobieduboisMember
Hello All,
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 #50136eagleworksMemberI 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 #50103doobieduboisMemberThanks 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 #50110chrisburtonParticipantIn 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 #50057doobieduboisMemberI 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 #50060jimsilvermanMemberyou’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.html
April 21, 2011 at 3:29 pm #50062doobieduboisMemberThanks, Jim.
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 #50063chrisburtonParticipant@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 #50067doobieduboisMember@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 #50068chrisburtonParticipantOk, now when you’re styling your text how do you code it?
Like this?
e.g.font: normal 20px "Panefresco600wtRegular";
Also try adding another forward slash before “type”
Copy/Paste@font-face {
font-family: 'Panefresco600wtRegular';
src: url('/type/Panefresco600wt-Regular-webfont.eot');
src: url('/type/Panefresco600wt-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/typePanefresco600wt-Regular-webfont.woff') format('woff'),
url('/typePanefresco600wt-Regular-webfont.ttf') format('truetype'),
url('/typePanefresco600wt-Regular-webfont.svg#Panefresco600wtRegular') format('svg');
font-weight: normal;
font-style: normal;
}April 21, 2011 at 6:41 pm #50069doobieduboisMemberHey, that extra / inserted before “type” worked! Thanks a lot for tip, Christopher.
April 21, 2011 at 7:00 pm #50070chrisburtonParticipantNo problem :)
-
AuthorPosts
- The forum ‘Other’ is closed to new topics and replies.