how to make it so users view a website font that is  not installed on their computer

Posted on 2003-11-05
Last Modified: 2013-12-03
Hey all,

Suppose I have a website with the font "Kels", how would the user be able to view the kels font (face) on the website, if the user does not have this font installed ?

Is it possible ?

HTML btw.

Any input would be greatfully appreciated,

Question by:stoon
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
  • 2
  • +2
LVL 19

Accepted Solution

Dexstar earned 28 total points
ID: 9690909

> Suppose I have a website with the font "Kels", how would the user be able to
> view the kels font (face) on the website, if the user does not have this font
> installed ?

> Is it possible ?

Here is how to do it:

Hope that helps,
LVL 11

Assisted Solution

Zontar earned 26 total points
ID: 9691949
Please don't do this. Font files are not small, and you'll add tons of bulk to your pages.

There are other issues:

It's done differently in different browsers.

You may encounter lisencing issues as well.

Either use a text gif (not really good idea) or specify a list of fonts in your CSS. You can always link to the font file and let users download it if they want to -- just make sure it's legal for you to do so. Some folks are VERY touchy about having their fonts redistributed without their permission (and a wad of cash).
LVL 19

Expert Comment

ID: 9695118
On that sample site, they use a sample font and the size of the font file is 25KB.  If you intend to use that font heavily on your site, then using embedded fonts my actually REDUCE the size of your site because you reduce the number of graphics that you would need if you didn't use embedded fonts.

Zontar is right about the licensing though.  Make sure you have permissions to use the font on your web site.

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users


Assisted Solution

temporo earned 26 total points
ID: 9704742
The easy way would be to create the text that you want in a picture and put that up on the screen then the user will see the font what ever fonts they have installed.

Expert Comment

ID: 9785698
yup i agree with temporo that would be an easier more efiicient way :P
LVL 11

Expert Comment

ID: 9785882
Using a font list lets the user have control. The user might not like your font, or might find it difficult to read.

The Web is not print -- don't try to treat it as though it were.
LVL 19

Expert Comment

ID: 9788885
How is using images more efficient?  Images have to be downloaded for each word you want.  A font you just download it one time, and then the rest is text.  Also, I noticed this the other day trying to translate a page into English using Google:  If you use Images, those translators can't translate the text.  If you use fonts, then they can (or try to, at least... :P).  :)

There are pros and cons to each, really.  But the Asker wanted to know HOW to do it, not whether or not it is a good idea...  :/

LVL 11

Expert Comment

ID: 9789580
And if someone asks how to jump off a cliff, you'll tell him how without advising that perhaps it's not the best thing to do? Okayyy...
LVL 19

Expert Comment

ID: 9789900
If they asked me via this site, I would tell them how to jump off a cliff, sure... What subject area would that be in?  :P

But seriously, it's good to get different types of answers and advice.  I wasn't trying to disparage your comment at all.


Expert Comment

ID: 11746516
how do you jump off of a cliff?

Sorry way off topic, ok, Solutions to your problem...
Put a small section on your page that plainly states, to view this page as the author intended please install this font to your font directory in windows.  supply the font file, and have it accessible from your server using the <a href="myfont.ttf">click here</a>
using this instance however, make sure the font file is in the same directory as the page linking to it. make sure you use the <font face="x, y, z, 1"> see bottom for better description.

Second, if you only use this font for headers and such, design a button using the font and then they won't need to worry about installing the font.

try to find a font that is commonly available in most browsers and looks like your font.

"The FACE attribute gives a comma-separated list of font faces in which to
display text. The fonts are listed in order of preference, so that if the
browser does not have the first font listed, it will try the second, then the
third, and so on."

so by using <font face="myfont, Comic Sans, Arial, webdings"> if the user has the font installed, they can view it as you intended it, if not, they will see it in ComicSans, or arial, etc...

Expert Comment

ID: 12479189
I think I should be on that split list. My response is detailed, and covers multiple options for a solution to thier situation. That is my only objection.

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I will show you how to create a ASP.NET Captcha control without using any HTTP HANDELRS or what so ever. you can easily plug it into your web pages. For Example a = 2 + 3 (where 2 and 3 are 2 random numbers) Session("Answer") = 5 then we…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to count occurrences of each item in an array.
Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question