-
I know Arial and Verdana are quite different, but I like both of them and so I put both of them in. :) I didn't design my layout strigently enough that one looks better or worse than the other.
You're probably right that I shouldn't have those other fonts that I've never or rarely seen. I can't remember why I put them in there, though it might have been because my HTML book recommended it. Of course, HTML is different from CSS.
I think I might be changing it to
Code:
font-family: Verdana, sans-serif;
font-family: 'Courier New', monospace;
once I next upload my website. (Courier New is nice, because the default monospace font on many Windows web browsers is Courier, which doesn't look very nice at all, not being a truetype font.)
[edit] Might want to have a look at this page. http://www.webdevelopersnotes.com/de...ble_fonts.php3
Not only does it use "Arial, Verdana, Sans-serif", it also recommends the following fonts:
Code:
The Sans-serif family
Arial, Verdana, Geneva, Helvetica, sans-serif
The Serif family
Georgia, Times New Roman, Times, serif
The Monospace family
Courier New, Courier, monospace
Don't ask me why, I'm not a font expert . . . I expect that's the kind of thing I read in the first place when I made the initial version of my website.
Any other thoughts? Perhaps some browsers ignore "sans-serif", so you have to specify a specific name for them? . . . . [/edit]
-
> Perhaps some browsers ignore "sans-serif", so you have to specify a specific name for them?
I really doubt that is the case. font-family: sans-serif is a complete rule if the browser has complete css1 support.
I normally don't spend to much time on fonts. In my experience, if the idea is to design or artistically create, only a few fonts are going to work for a specific design. I think the reason some "experts" will tell you to include helvetica and geneva is to promote cross-platform support and design. Which might be a fallacy. I haven't seen a Mac machine without arial in a while.
-
Yeah, this Linux box has Verdana and Arial too. :)
Besides: we're talking about CSS here. That web page was talking about HTML. I can see old web browsers not supporting "sans-serif".
I think you're right that when using CSS, you can just use "sans-serif" to grab a sans-serif font on different platforms.
-
I mostly take my guidance on fonts from Jon Hicks.
http://www.hicksdesign.co.uk/tag/typography/
