How do i use another font on my website

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
adsegzy
Forum Contributor
Posts: 184
Joined: Tue Jul 28, 2009 9:26 am

How do i use another font on my website

Post by adsegzy »

Hello friends,

Though this is a Macromedia Dreamweaver question but i could not find Dreamweaver room on this forum.

I want to use a font that is not Dreamweaver inbuilt font on my website. I added the font to my directory and it shows the way i wanted on my website when designing but when i uploaded the site the font was replay with verdana. what do i do in order to use this font.

regards
adsegzy
User avatar
Christopher
Site Administrator
Posts: 13596
Joined: Wed Aug 25, 2004 7:54 pm
Location: New York, NY, US

Re: How do i use another font on my website

Post by Christopher »

Moved to HTML/CSS forum.

You can either put the text into images, or load a font and have your page use that. Otherwise you can only use the fonts that the user's browser support.
(#10850)
User avatar
carnavia
Forum Newbie
Posts: 18
Joined: Sun Jul 18, 2010 11:27 pm

Re: How do i use another font on my website

Post by carnavia »

Fonts are overwritten with browser settings. Some users will never see the font you set. Perhaps you have settings like this too? But basically, all you need to do is use this code in your CSS file:

Code: Select all

body {
  font-family: Font Name 1, Font Name 2, Font Name 3;
}
The idea is to use HTML-supported fonts. That list is not complete. You can use any font you want, to be honest, but if it's not installed on the visitor's computer, it won't show.

If Font Name 1, it will try Font Name 2. Then Font Name 3. If none of the fonts you chose are on the visitor's computer, it will use their browser's default, unless they chose to use that as their main font.
Post Reply