How to Change Fonts for Your Website

Desper15

New member
Joined
Jun 5, 2009
Messages
1
Programming Experience
Beginner
Here's how Web Design Services can set or change the font used for your site. To set the fonts for your entire document using cascading style sheets ("CSS"), use the font-family property on the "body" selector. For example, if you wanted to set your entire document to use the Arial, Helvetica, sans-serif set of fonts, you can include the following rule in your style sheet: body { font-family: Arial, Helvetica, sans-serif ; }

To selectively set the font for a particular selector, for example, all paragraphs only, just change the font-family property for that selector. For example: p { font-family: Arial, Helvetica, sans-serif ; }

Information about how to change fonts using Dreamweaver can be found in my tutorials: How to Change Font Typefaces, Weight, Style, Colour and Sizes in Dreamweaver CS4 (for CS4 users). How to Change Fonts and Colours in Dreamweaver CS3 (for CS3 users).

If you're still using the outdated Mozilla Composer web editor, see How to Change Fonts in Mozilla Composer . Why Does My Font Not Show When I View My Site on Another Computer?

Designing your web page using one of standard lists of fonts mean that your web page will have more or less the same appearance on all computers, regardless of operating system it uses. Although this may mean that you can exercise a little less creativity in the design of your page, given the current state of affairs, it is the constraint that web designers have to work within.

Otherwise you will end up like one of the visitors to thesitewizard.com who designed his site around a free font he found on the Internet only to find that when he accessed the site on another computer, it was displayed using a default browser font.
 
Back
Top