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.
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.
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 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.