PDA

View Full Version : Need help with fonts in Frontpage



john9ten
07-16-2006, 04:50 AM
Hello!
I have created several websites with Frontpage, yet the fonts I use do not appear correctly when viewing the sites from any computer but my own. They are substituted with common fonts such as Times New Roman.Is there a way to embed the fonts in Frontpage so that everyone sees the same fonts that I initially used? I have seen that there is a way to embed the fonts into Word documents, but when I look for the necessary menu items to do the same in Frontpage, they are not there.
All help and suggestions are greatly appreciated!
John

Zephyr
07-16-2006, 05:20 AM
if u are using frontpage, go to hml tab and add <font face="Times New Roman"> </font> where you want it

page1ink.
07-16-2006, 11:23 AM
john9ten,
the reason is that, unless the computer has those fonts installed, they will never see the font you've chosen. there's a solution to this, however: you can embed the fonts (tutorial (http://www.webmonkey.com/webmonkey/design/fonts/tutorials/tutorial2.html) [webmonkey.com]). this solution is a bit of a pain, though, especially if you use a lot of fonts. so you have two other options:
1- turn all of your funky fonts into .gif images and display them like that. note that if you use the fonts in the body of the page and not the headers, this is a bad idea.
2- use common fonts! this is the best solution I can give you because EVERY computer has these fonts (http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html) [ampsoft.net], so you're pretty much guaranteed that they'll work.
hope I could be of some help to you!

silentcollision
07-16-2006, 12:58 PM
*sigh*. I shall say this only once:

Do Not Use Frontpage!

Essentially you are selecting fonts, that the viewer does not have on their computer. So, it is defaulting back to the basic, generic fonts. Do not use the <font> tag to change the appearance of your text - its nasty, and old. Use CSS.

This is how it will work: In the head of your document, put this:


<style type="text/css">
.stylename1 {
font-family: verdana, tahoma, sans-serif;
font-size: 36px;
}
</style>

See the "font-family" list here? Change that in order from left to right, of the fonts you want to appear. If the user doesn't have the first font (in this case, verdana), it will move to the second. If the user doens't have the second font, it will move to the sans-serif font, which everyone has.

Ok, thats cool, so now that we've defined the style (we called it stylename1), we can call it:


<html>
<head>
<style type="text/css">
.stylename1 {
font-family: sans-serif;
font-size: 36px;
}
</style>
</head>

<body>
<span class="stylename1">Hello World! I’m using CSS!</span>
</body>
</html>

See we used <span class="[name]">text</span>

Can you see the advantage of this? We can define thousands of styles, and don't individually have to write them out each time we want to change some text!

Yeah - minor rant from me there.