|Use a custom font on your website|
Webdesigners always have to make sure that they use a common font for their website, otherwise it'll display incorrect on browser that don't have the font installed. This can be really annoying if you want to use a nice custom font. You could load the font in Photoshop and save it as an image, but this isn't dynamic and is not SEO. Here are two solutions on how to make dynamic custom fonts.
This is a dynamic custom font
Using image replacement
And is SEO proof
The font used above is called Diavlo and uses PHP Image Replacement. The other technique that you can use is sIFR. These can very good be used as attractive blog titles.
PHP Image ReplacementOriginal story at dezinerfolio.com
It's as easy as that. Now your browser will display the custom font correct, while the code will stay intact. This is important for SEO.
You can customize the files to your own needs.
replaceSelector(".title","ifr.php",true); var testURL = "test.png" ;
$font_file = 'Diavlo.otf'; $font_size = 30 ; $font_color = '#000000' ; $background_color = '#ffffff' ; $transparent_background = true ;
Change these values to your needs. Take note that the font_file is capital sensitive.
Upload all files to your PHP host and open index.php. You should now be able to see the custom font displayed as images.
The PHP Image Replacement works fine and is easy to install, but if you want more options (Selecting & copying the text, linking the replacement with an URL), you should take a look at sIFR. This works with Flash and doesn't need a PHP server.
Now put the
Now all the things placed in a
One final note: Don't use any of the above techniques to fully display your website in a custom font. It'll make your server slow due to heavy load and your readers will not like it. Good luck.
Tags: custom font webdesign internet blog
Interested in this topic? You might enjoy another article I've written called
|< Prev||Next >|
|Or try the sitemap|