Solved

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

Posted on 2003-11-05
13
456 Views
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,

Thanks,
Shawn
0
Comment
Question by:stoon
  • 4
  • 3
  • 2
  • +2
13 Comments
 
LVL 19

Accepted Solution

by:
Dexstar earned 28 total points
Comment Utility
stoon:

> 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:
http://www.spoono.com/html/tutorials/tutorial.php?url=embeddingfonts

Hope that helps,
Dex*
0
 
LVL 11

Assisted Solution

by:Zontar
Zontar earned 26 total points
Comment Utility
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).
0
 
LVL 19

Expert Comment

by:Dexstar
Comment Utility
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.

Dex*
0
 

Assisted Solution

by:temporo
temporo earned 26 total points
Comment Utility
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.
0
 

Expert Comment

by:icepricessa
Comment Utility
yup i agree with temporo that would be an easier more efiicient way :P
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 11

Expert Comment

by:Zontar
Comment Utility
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.
0
 
LVL 19

Expert Comment

by:Dexstar
Comment Utility
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...  :/

Dex*
0
 
LVL 11

Expert Comment

by:Zontar
Comment Utility
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...
0
 
LVL 19

Expert Comment

by:Dexstar
Comment Utility
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.

Dex*
0
 
LVL 2

Expert Comment

by:Shattuc
Comment Utility
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.

Third...
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...
0
 
LVL 2

Expert Comment

by:Shattuc
Comment Utility
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.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
Viewers will learn about arithmetic and Boolean expressions in Java and the logical operators used to create Boolean expressions. We will cover the symbols used for arithmetic expressions and define each logical operator and how to use them in Boole…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now