Web Design Install font on target computer

I want use a special font in my website and I looking for a code in my HTML page that install my font in target computer before loading my website. Thanks all and appreciate for any help.

 

Hi Maisam,

I'm not sure if you can do that, but how about converting the text that uses this uncommon font to image format instead? That way it will be loaded as an image every time your website loads—no missing font problem!

 

Hello dear Ruthe,
Thanks about your advice my friend. It's very good solution but there is a problem. Most of user that load my website hadn't access to high speed internet and if I upload image instead to text, so my pages became heavy and load very hard on users browser.
I guess maybe you use a special software that can do this convert and export images with high quality and low size. I appreciate if you can introduce any software for this convert to me./Best wishes, Maisam

 

Hi Maisam,

If this is the case, I suggest using commonly found fonts instead. After all, if your target audience's access to high speed internet is limited, you wouldn't want your website to end up taking longer to load as a result of font installation process right? Perhaps you can use the unique font for your website's header image but use a common font for the bulk of the text on your website?

I can't think of any special software but I'm sure Photoshop works well enough. (; Just Save for Web and use the interlaced PNG option. That's worked for me pretty well most of the time. To save bandwidth, make sure your images are exactly the dimensions they need to be instead of scaled down on the website.
e.g. A thumbnail of 100x100 will use an image that is exactly 100x100 instead of a 200x200 image scaled down to 100x100.

I hope that helps!

 

Thanks dear Ruthe,
Your advice is very useful and I interested me for try this solution for a while.
Best wishes,