[Pro] Embedded Fonts All Messed Up in Windows Browsers!

Hi,

I’m using the web font action, and I thought everything was okay, until I checked how it view in additional browsers with browsershots.org (and with other browser compatibility test).
In some instances one line of text becomes two because it’s not using my embedded font. Yikes! And I think the client is using one these browsers. In specific, I noticed it with Firefox 3.0.6 Windows XP, Navigator 9.0.0.6 Windows XP and Flock 2.6.1. I didn’t test them all, so there could be more. It previews okay on others.

The URL I tested is http://tinyurl.com/24ldye3.
I don’t know what I should do next … but I know I can’t leave it like that, either.

Rebecca


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

To solve this you need to make a fontset, so if the browser cannot render the specific font it can choose the other font.

And you need to check in all the browsers both fonts perform ok.

I have to admit I was a bit disappointed about the way the browsers handle the special fonts. The action works just fine.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is action works well for some browsers, but if I substitute a “web safe font” as I have done in the Fontset I created, it’s nothing like the font I chose to embed (the font I’m using is really condensed). I’m thinking perhaps I should change and use the Google API fonts since they should universally display the same on the different Windows and Mac browsers… But I’m not exactly sure how step-by-step to do that.

For example, I would like to try embedding the font “Yanone Kaffeesatz” and google give the code needed, but I’m not clear on how to implement that in Freeway.

Google “Yanone Kaffeesatz” Font Code:

http://code.google.com/webfonts/family?family=Yanone+Kaffeesatz#code

Could anyone share with me how to do this?

Thank you.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

HI,
the problem here is that not all browsers can display the same font files. You need to make a variety of different files and supply a CSS file which allows the browser to use the format according to its needs. Looking at your source, you don’t appear to be including an SVG file for iPad and iPhone, or a WOFF file for Firefox.

There is a handy tool at http://www.fontsquirrel.com/fontface which lets you create the necessary files and supplies them in a kit ready for use. They also supply pre-made kits. My Caxton Action http://www.actionsworld.com/Actions/Caxton uses these files and lets you include them in your document.

Your site looked OK in Windows XP for me (Firefox, IE8 and IE6), but be aware that Windows renders fonts differently anyway, so they will look doubly different.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok. Thank you. I’m going to what you mentioned above!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options