Turn Non Web-Safe fonts into Images in iWeb. You can easily turn non web-safe fonts into image by putting a shadow on it then drop the opacity to 5% so the shadow is not seen. Unless you want the shadow of course then leave its percentage up. This will turn your text into an image. Great if you want to use a non-websafe font like papyrus or something.
On April 15, 2010,
in Micro Tips,
by iWebUnlimited
If you enjoyed this article, please consider sharing it!
Hello, why should I turn non web-safe fonts into images? Everything seems to be fine without doing so. It seems as if my non web-safe font is shown properly as a text on my brand new website, so search engines are able to identify and browsers are able to display.
But maybe I’m wrong and live in the illusion of my own mac with firefox and safari??? Must try neighbours windows explorer later on…
Best wishes
Steffie
Steffie, non-websafe fonts would look good on your machine because you have those fonts installed on your machine. But if you use non-websafe fonts on your site and a visitor visits your site that doesn’t have those font your design and layout may look very very different than the way you designed it. So I’d stick to websafe fonts for all content text, then if your going to use a non-websafe font use this tip to convert them to images, then you know it will look the same across every browser. But keep in mind that your new text image is not searchable.
I stopped using drop shadows (and gradients) because they caused my site to download so slowly – because of this, I’ve been creating unsafe web text in a new Photoshop document (with a transparent background), and then save it. I then drag and drop the image into my iWeb page and resize as needed. It seems to allow the page to load 99% faster that way. Please tell me I’m wrong, as it is so terribly tedious to do a bunch of different texts this way.
When you create the file in Photoshop, what file format do you save it as? For transparent background, I’ve found PNG24 is the only file I can save.
PNG24 is the best format for transparent web. You can do .gif, but the transparency isn’t nearly as clear. I’d recommend definitely the png24.
I get your point, technically. However, Papyrus should not be used again ever, regardless. http://www.ihatepapyrus.info/blog/
Please, don’t even point at Papyrus. Find ANY other font.
And don’t get me started on comic sans.