 atlass
ezboard moderator
ezSupporter
Posts: 354
|
Posted: 11/12/01 8:51 am
 (CSS) Changing the typeface on your ezboard
Changing the typeface in your Ezboard
You don't need to be constrained to the generic typefaces seen in every other Ezboard - you can mix and match typefaces for your board to give it an individual look.
When choosing a font, you need to remember is 3 things:
• Choose typefaces that are common in standard operating systems.
• Ensure that you type the font name EXACTLY as it appears on your computer. If it consists of more than one word, then put it in quote marks.
• Always have a second choice, and a generic backup typeface in case your first choice is not available on the user's system.
What is a standard typeface?
Anything that came with your PC operating system when you bought it. If you've added more fonts in afterwards, ask others if they have the font you plan to use.
What is a generic backup?
Generic font styles are browser compatible rules that allow the browser to set a font for each of several styles. This allows you to at least prevent Times Roman from being used, when you wanted a font similar to Arial. The styles are as follows:
sans-serif
serif
monospace
cursive
fantasy
Some users (including Mac users) will have allocated their chosen fonts to each of these generic styles, others will be allocated by the browser.
Putting a new font into your Ezboard
To change the font in your ezboard, you'll need to turn OFF the default stylesheet. Then you'll need to input your own stylesheet with your new fonts added in.
If this is the only thing that you want to change, then all you need to do is edit the default stylesheet to include your new fonts.
for example:
<style>
body { font-size: 10px; font-family: font1, font2, generic; }
td { font-size: 65%; font-family: font1, font2, generic; }
h4 { font-size: 16px; font-weight: bold; font-family: font1, font2, generic; }
.m { font-size: 80%; font-family: font1, font2, generic; }
.headings { font-size: 80%; font-weight: bold; font-family: font1, font2, generic; }
.title { font-size: 13px; font-weight: bold; font-family: font1, font2, generic; }
.usertitle { font-weight: bold; }
.inputbox {
border-top:#333333 solid thin;
border-bottom:#333333 solid thin;
border-right:#333333 solid thin;
border-left:#333333 solid thin;
font-family: font1, font2, generic;
}
.inputbutton { font-size: 120%; font-family: font1, font2, generic; }
</style>
Put the above code in the first box on your custom html.
You would put your first choice of font - say "Comic Sans" in font1, then your second choice - perhaps Verdana - in font2. Then the generic font would be sans-serif.
For example:
.m { font-size: 80%; font-family: "Comic Sans", Verdana, sans-serif; }
You can experiment with these, and put different fonts into different parts of your board. Remember to check the classes list if you don't remember which classes control which parts.
If you'd like to see examples of different typefaces in use in an Ezboard, then have a look at the CSS Gallery. If you see something that you like, the CSS is there for you to just cut and paste into your own board.
@
Edited by: atlass at: 1/29/03 5:48:57 am
|
Cool Tips & Tricks
:::Edit Post Button
:::Delete Post Button (Moderator Only)
ezboard Help Communities: