Using custom fonts on websites

**Eclipse2003** · 07-05-2008, 06:23 PM

I want to use a font I have called "Edwardian Script ITC". Can I just simply put it in the HTML using the face= or is there something else I have to do so others can see this font correctly?

Acer2000 · 07-05-2008, 07:28 PM

Hello,

Unless others have the font installed on their PCs, you will need to make a JPEG image of the font. Hope this helps.

**gistek** · 07-08-2008, 12:44 PM

The jpg is probably the easiest way to go, but make sure you properly tag the image so people with images disabled and those using screen readers know what it says.

Alternately you can find a place where the font is available for download and add a link from your site for people to use if the font doesn't show right.

**Eclipse2003** · 07-08-2008, 12:50 PM

Ok I went with an image. How do you "Tag it properly"? I am very very new at website design. Let me know. Thanks for the help guys

**gistek** · 07-08-2008, 01:15 PM

When you post an image, there's a code you add that comes up as an alternate to the image for screen readers and "images off" users.

I'm not very good with straight html, but the web editors I use provide the option when I insert the image into the document.

Below is the code from a site I maintain. I replaced the specific link info with . . . to make it more readable.

<p align="center"><img alt="The Civil Air Patrol maintains a fleet of Cessnas." border="" src="http:// . . ./cap-aircraft400.jpg" vspace="0" hspace="0"></p>

**Jaxo** · 07-08-2008, 06:11 PM

Quote:

Originally Posted by gistek

The bold red above is the code gistek is talking about.

after5pc · 07-10-2008, 10:07 AM

Acer2000 is right. If you use a special font that is not one of the defaults in most PCs (i.e. Arial, Verdana, Times New Roman, etc.) then someone browsing your site won't see that font if it's not included in their system fonts.

And just to reiterate what everyone's already been saying, here's the code for images:

<img alt="your image tag goes here" src="urlofyourimagefile" />

**Eclipse2003** · 07-10-2008, 10:26 AM

Ah ok. I get it now. Thanks guys.

**Jaxo** · 07-10-2008, 11:51 PM

Since this is about fonts I thought I would look around online. Seems most recommend sticking with a safe font while using unique fonts, like in a logo, as an image. Check out the site below. It allows you to compare different fonts with different settings.

Typetester

**Eclipse2003** · 07-11-2008, 05:34 AM

Jaxo, thanks. I'll take a peek at that. Did you see I posted a reply in my other thread? Any suggestions over there?

07-05-2008, 06:23 PM	#1 (permalink)
Eclipse2003 TSF Enthusiast Join Date: Apr 2005 Location: Ohio Posts: 1,133 OS: XP	Using custom fonts on websites I want to use a font I have called "Edwardian Script ITC". Can I just simply put it in the HTML using the face= or is there something else I have to do so others can see this font correctly?

07-05-2008, 07:28 PM	#2 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 466 OS: XP Home Service Pack 2	Re: Using custom fonts on websites Hello, Unless others have the font installed on their PCs, you will need to make a JPEG image of the font. Hope this helps.

07-08-2008, 12:44 PM	#3 (permalink)
gistek Folding Along Join Date: May 2007 Location: PA, USA Posts: 1,520 OS: Bobbi=xp, sp3 Muse=Vista Home Premium	Re: Using custom fonts on websites The jpg is probably the easiest way to go, but make sure you properly tag the image so people with images disabled and those using screen readers know what it says. Alternately you can find a place where the font is available for download and add a link from your site for people to use if the font doesn't show right. __________________ I am not a computer professional, My advice comes from personal experience and/or friends who are computer professionals. Interested in Search and Rescue? Check out the Civil Air Patrol. Come Fold with us. TSF Folding@Home Team

07-08-2008, 12:50 PM	#4 (permalink)
Eclipse2003 TSF Enthusiast Join Date: Apr 2005 Location: Ohio Posts: 1,133 OS: XP	Re: Using custom fonts on websites Ok I went with an image. How do you "Tag it properly"? I am very very new at website design. Let me know. Thanks for the help guys

07-08-2008, 01:15 PM	#5 (permalink)
gistek Folding Along Join Date: May 2007 Location: PA, USA Posts: 1,520 OS: Bobbi=xp, sp3 Muse=Vista Home Premium	Re: Using custom fonts on websites When you post an image, there's a code you add that comes up as an alternate to the image for screen readers and "images off" users. I'm not very good with straight html, but the web editors I use provide the option when I insert the image into the document. Below is the code from a site I maintain. I replaced the specific link info with . . . to make it more readable. <p align="center"><img alt="The Civil Air Patrol maintains a fleet of Cessnas." border="" src="http:// . . ./cap-aircraft400.jpg" vspace="0" hspace="0"></p> __________________ I am not a computer professional, My advice comes from personal experience and/or friends who are computer professionals. Interested in Search and Rescue? Check out the Civil Air Patrol. Come Fold with us. TSF Folding@Home Team

07-10-2008, 10:07 AM	#7 (permalink)
after5pc Registered User Join Date: Jul 2008 Location: United States Posts: 11 OS: Windows XP Media	Re: Using custom fonts on websites Acer2000 is right. If you use a special font that is not one of the defaults in most PCs (i.e. Arial, Verdana, Times New Roman, etc.) then someone browsing your site won't see that font if it's not included in their system fonts. And just to reiterate what everyone's already been saying, here's the code for images: <img alt="your image tag goes here" src="urlofyourimagefile" />

07-10-2008, 10:26 AM	#8 (permalink)
Eclipse2003 TSF Enthusiast Join Date: Apr 2005 Location: Ohio Posts: 1,133 OS: XP	Re: Using custom fonts on websites Ah ok. I get it now. Thanks guys.

07-10-2008, 11:51 PM	#9 (permalink)
Jaxo Design Team Member Join Date: Feb 2008 Location: Deming, NM Posts: 288 OS: XP SP2 & Vista	Re: Using custom fonts on websites Since this is about fonts I thought I would look around online. Seems most recommend sticking with a safe font while using unique fonts, like in a logo, as an image. Check out the site below. It allows you to compare different fonts with different settings. Typetester __________________ Help TSF Fight Cancer! Web Developer Tools: Firebug for Firefox \| IE Developer Toolbar \| Run multiple versions of IE

07-11-2008, 05:34 AM	#10 (permalink)
Eclipse2003 TSF Enthusiast Join Date: Apr 2005 Location: Ohio Posts: 1,133 OS: XP	Re: Using custom fonts on websites Jaxo, thanks. I'll take a peek at that. Did you see I posted a reply in my other thread? Any suggestions over there?