Web Fonts

[Kyonoko]

(hope this is the right place to put this) i was editing my site and was looking for fonts to use for my site, is there like a list somewhere on the web of fonts you can use and stuff?

[Bifta]

Originally Posted by Kyonoko

(hope this is the right place to put this) i was editing my site and was looking for fonts to use for my site, is there like a list somewhere on the web of fonts you can use and stuff?

You can use any font you like, so long as it's either a) installed on the surfers system or b) you embed the font's using something like WEFT (http://www.microsoft.com/typography/WEFT.mspx) which will probably only work under IE. You can basically use whatever font installs as default with the operating system, with XP (pre SP2) it's:

Aharoni Bold, v1.00
Andalus, v1.01
Angsana New, v2.30
Angsana New Bold, v2.30
Angsana New Bold Italic, v2.30
Angsana New Italic, v2.30
AngsanaUPC, v2.20
AngsanaUPC Bold, v2.20
AngsanaUPC Bold Italic, v2.20
AngsanaUPC Italic, v2.20
Arabic Transparent, v1.01
Arabic Transparent Bold, v1.01
Arial, v2.95
Arial Black, v2.35
Arial Bold, v2.90
Arial Bold Italic, v2.90
Arial Italic, v2.90
Batang, v2.21
Browallia New, v2.20
Browallia New Bold, v2.20
Browallia New Bold Italic, v2.20
Browallia New Italic, v2.20
BrowalliaUPC, v2.20
BrowalliaUPC Bold, v2.20
BrowalliaUPC Bold Italic, v2.20
BrowalliaUPC Italic, v2.20
Comic Sans MS, v2.10
Comic Sans MS Bold, v2.10
Cordia New, v2.20
Cordia New Bold, v2.20
Cordia New Bold Italic, v2.20
Cordia New Italic, v2.20
CordiaUPC, v2.20
CordiaUPC Bold, v2.20
CordiaUPC Bold Italic, v2.20
CordiaUPC Italic, v2.20
Courier New, v2.90
Courier New Bold, v2.90
Courier New Bold Italic, v2.90
Courier New Italic, v2.90
David, v1.00
David Bold, v1.00
David Transparent, v1.00
DFKai-SB, v3.00
DilleniaUPC, v2.20
DilleniaUPC Bold, v2.20
DilleniaUPC Bold Italic, v2.20
DilleniaUPC Italic, v2.20
Estrangelo Edessa, v1.00
EucrosiaUPC, v2.20
EucrosiaUPC Bold, v2.20
EucrosiaUPC Bold Italic, v2.20
EucrosiaUPC Italic, v2.20
FangSong_GB2312, v2.00
Fixed Miriam Transparent, v1.10
Franklin Gothic Medium, v2.20
Franklin Gothic Medium Italic, v2.20
FrankRuehl, v1.00
FreesiaUPC, v2.20
FreesiaUPC Bold, v2.20
FreesiaUPC Bold Italic, v2.20
FreesiaUPC Italic, v2.20
Gautami, v1.21
Georgia, v2.11
Georgia Bold, v2.10
Georgia Bold Italic, v2.10
Georgia Italic, v2.10
Gulim, v2.21
Impact, v2.35
IrisUPC, v2.20
IrisUPC Bold, v2.20
IrisUPC Bold Italic, v2.20
IrisUPC Italic, v2.20
JasmineUPC, v2.20
JasmineUPC Bold, v2.20
JasmineUPC Bold Italic, v2.20
JasmineUPC Italic, v2.20
KaiTi_GB2312, v2.00
KodchiangUPC, v2.20
KodchiangUPC Bold, v2.20
KodchiangUPC Bold Italic, v2.20
KodchiangUPC Italic, v2.20
Latha, v1.21
Levenim MT, v1.00
Levenim MT Bold, v1.00
LilyUPC, v2.20
LilyUPC Bold, v2.20
LilyUPC Bold Italic, v2.20
LilyUPC Italic, v2.20
Lucida Console, v1.60
Lucida Sans Unicode, v2.00
Mangal, v1.20
Marlett, v1.01
Microsoft Sans Serif, v1.33
MingLiU, v3.21
Miriam, v1.10
Miriam Fixed, v1.10
Miriam Transparent, v1.10
MS Gothic, v2.30
MS Mincho, v2.31
MV Boli, v1.00
Narkisim, v1.00
Palatino Linotype, v1.40
Palatino Linotype Bold, v1.40
Palatino Linotype Bold Italic, v1.40
Palatino Linotype Italic, v1.40
Raavi, v1.06
Rod, v1.00
Rod Transparent, v1.00
Shruti, v1.22
SimHei, v3.02
Simplified Arabic, v1.01
Simplified Arabic Bold, v1.01
Simplified Arabic Fixed, v1.01
SimSun, v3.03
Sylfaen, v1.00
Symbol, v1.60
Tahoma, v3.00
Tahoma Bold, v3.00
Times New Roman, v2.95
Times New Roman Bold, v2.90
Times New Roman Bold Italic, v2.90
Times New Roman Italic, v2.90
Traditional Arabic, v1.01
Traditional Arabic Bold, v1.01
Trebuchet MS, v1.22
Trebuchet MS Bold, v1.22
Trebuchet MS Bold Italic, v1.22
Trebuchet MS Italic, v1.22
Tunga, v1.06
Verdana, v2.41
Verdana Bold, v2.40
Verdana Bold Italic, v2.40
Verdana Italic, v2.40
Webdings, v1.03
Wingdings, v2.55

Obviously the font list will change as you install programs, e.g. Office etc

[Kyonoko]

thank you for the program, WEFT, but i don't know if i'm doing something wrong or it's because, but i have an angelfire account, does that mean i can't use WEFT with angelfire sites? if not, will someone explain how to put in font family and that kinda stuff, because i look at ti all, and i can't tell waht a fontfamily name is, but that's how it's listed that you put it in in html or css, or whatever it is you use, what now?

[Bifta]

Originally Posted by Kyonoko

thank you for the program, WEFT, but i don't know if i'm doing something wrong or it's because, but i have an angelfire account, does that mean i can't use WEFT with angelfire sites? if not, will someone explain how to put in font family and that kinda stuff, because i look at ti all, and i can't tell waht a fontfamily name is, but that's how it's listed that you put it in in html or css, or whatever it is you use, what now?

Perhaps angelfire stops you uploading font files to use with WEFT, entirely possible, so you're stuck using default fonts.

To change the font family stick something like this between the <head> tags of your document

<style type="text/css">
<!--
.textstyle {
font-family: Verdana;
font-size: 10px;
color: #000000;
}
-->
</style>

Then just reference that class using something like

<p class="textstyle">text here</span>

As for the entire font-family list .. I haven't found one unfortunately, but you should be safe using "Arial", "Verdana", "Helvetica", "sans-serif", "Georgia", "Times" (and/or "Times New Roman"), "Courier", "Courier New", "Mono", "Geneva" .. there's probably a few I've missed though.

Talking of fonts and apologies for piggybacking on this thread, but I hope someone can give me a hand with this.

The FAQ page on my site is supposed to have "internal links" so when someone clicks on a question it jumps to the right place in the page to find the answer.

Unfortunately for a long time it would only work in IE and not Netscape.

A while back, I did some research and tinkering and it now works with both browsers.

HOWEVER: When you use it in Netscape, if you move your mouse over the answers, the font size suddenly drops and changes!

I can't figure out why and I'd welcome suggestions as to how to fix it

The page is at http://www.affordable-leather.co.uk/FAQ.htm (don't worry, there's nothing rude on it!)

[Richard M]

There's something in your CSS which is doing that to your anchors.
The problem is with the way you've made the anchors, you've done this:

<a name="order"><strong><u>How do I order?</u></strong></a>

When you should have done this:

<a id="order"></a><strong><u>How do I order?</u></strong>

Notice the closing </a> tag is now next to the title, not surrounding it so the title will no longer be a link itself.
Using id="blah" is optional, but it helps with standards compliance.

BTW - You shouldn't mix and match CSS with legacy HTML.
Instead of having <body bgcolor="#FFFFFF" link="#FF0000" vlink="#000000"
alink="#FF0000"> I'd have this in your CSS:
body { background: #fff }
The links are covered already in the stylesheet so you would just have <body> with no parameters.

Originally Posted by Richard M

There's something in your CSS which is doing that to your anchors.
The problem is with the way you've made the anchors

Ok, I should first point out that the original page was put together by the guy who designed it for me originally (seven years ago!) so if there's legacy stuff there, that's where it came from!

Secondly, I don't know HTML. I can hack it around and make up pages in Dreamweaver, but I can't *write* the stuff!

you've done this:

<a name="order"><strong><u>How do I order?</u></strong></a>

When you should have done this:

<a id="order"></a><strong><u>How do I order?</u></strong>

Notice the closing </a> tag is now next to the title, not surrounding it so the title will no longer be a link itself.
Using id="blah" is optional, but it helps with standards compliance.

Ok, thanks for that, I'll give it a try.

BTW - You shouldn't mix and match CSS with legacy HTML.

See above, but thanks, I'll try tweaking that too