How do I use a custom font?

[Pace]

I uploaded the .ttf onto the ftp but dont know how to use it.

btw, i didn't know if this goes in html or javascript forums so i just put it here.

-Pace

[Pace]

this is for a website in case you're wondering

[stuka]

I may be way off base here, but I would think that using a custom font in HTML is more dependent on the clients having that font than the server. I do know that <font> tags and CSS just try to use a certain font name, but the client is responsible for loading the font.

[imported_Gryphon]

Yeah, you can specify the font in the HTML, but you will need to have the font available for download, or other people without the font will not see it.

[skidooer]

Netscape (Communicator era I believe) used to allow you to embed fonts in HTML documents, is that all but dead? I haven't heard about that in a long time.

[Strike]

I thought at one point there was a plan for enabling "server-side fonts" in that you specify a URL for the font to be grabbed if it doesn't already exist and that your browser would grab it and use it. I think the obvious security concerns probably nixed that though.

[apotterdd]

unless you want people to download the ttf font it won't show up. you'll have to code it like this

<font face="arial, verdana, times">

like that just replace the font names in this list with the font type you want to use on your site. it's also good to list at least 2 or 3 just incase the viewer doesn't have that specific font on their computer.

anita

[DeadlySin3]

Originally posted by Pace
I uploaded the .ttf onto the ftp but dont know how to use it.

btw, i didn't know if this goes in html or javascript forums so i just put it here.

-Pace

This is a lil input from Elizabeth Castro's book 'HTML 4 the WWW'.

Embedding fonts on a page.

You can choose whatever font you want, but if your visitor doesn't have it installed on their systems, how will they view it? One of the latest features to be added to style sheets is the ability to embed a font in a page and have it downloaded to the visitors system, just like an image.

To embed fonts on a page:

type @fon-face {font-family:".

Type the full name of the font that you wish to embed.

Type ";src: url(.

The the url of the font.

Type )}

Use the font name from above in other style definitions, as desired.

----------------------------
this is how it all should look when you're done
----------------------------


<style>
@font-face { font-family: "Nueva Roman"; src: url(NUEVAR1.eot)}
</style>


A tip you'll need to know...

You can't just choose any font file as the source for an embedded font. You have to use a special format of the font. Internet Explorer requires fonts to be in the .eot format. You can convert your installed fonts into .eot with a program called WEFT. for more information, see www.microsoft.com/typography/web/embedding/weft/

Netscape corp is working on technology with Bitstream that uses a font embedding system developed by HexMac, that was also supported by IE. check out http://www.hexmac.com or Netscapes developer site at http://devedge.netscape.com for more details


Hope that helps you out!

[raven]

There are some certain fonts that are server side ones that visitors don't need to dl. I use one of them on a site of mine, http://blee.biz/dhsc2k. I suggest going there and visiting: http://blee.biz/dhsc2k/Updates_dates/2001/April/updated.html. You'll need to read the update for April 12th to see the info on how to do it and for the links to some pages that give more info/instructions on it. It is quite easy to do and I find it rewarding but unfortunately the choice of fonts is not very large. So, I rely on what others here have mentioned...using the font and making it available for dl. Remember if you do this, have the font in a zip file with a readme file that instructs people how to install the font and you may also want to include some info about the font in the readme file. You could even create an entire font zip file pack with all the fonts you use on your site.