Posted by markus_petrux on October 25, 2008 at 10:11am
Hi,
I'm trying to compile a set of CSS classes for using in WYSIWYG editors to let users choose different fonts, but these classes would have to be as cross-browser / cross-platform as possible.
Here's a site with lots of information about this subject:
http://www.codestyle.org/css/font-family/index.shtml
And here's what I have compiled to date:
.font-arial {
font-family: Arial, Helvetica, sans-serif;
}
.font-lucida {
font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
}
.font-tahoma {
font-family: Tahoma, sans-serif;
}
.font-trebuchet {
font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.font-verdana {
font-family: Verdana, sans-serif;
}
.font-georgia {
font-family: Georgia, Times, serif;
}
.font-times {
font-family: "Times New Roman", Times, serif;
}
.font-courier {
font-family: "Courier New", Courier, monospace;
}Anyone has done something like this before? Suggestions?
Categories: crossbrowser, css, font, WYSIWYG
Comments
Here are two great resources
that I have bookmarked:
http://www.apaddedcell.com/web-fonts
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
http://unitinteractive.com/blog/blog-images/BetterFontStacks.pdf
:)
Borrow some info from Zen
Hey, that's good idea!
I’ve compiled a list of font family lists that might help you too. I’ve put that list in Zen’s html-element.css file. http://cvs.drupal.org/viewvc.py/drupal/contributions/themes/zen/zen/html... The relevant information starts at the top of the file and continues until you see "/** headings **/".
The purpose of Zen's html-element.css is different than what you are working on, but, hopefully, you can get some really good information out of the Zen stuff to make your life easier.
- John (JohnAlbin)
- John (JohnAlbin)
Yahoo's Font Tips
I always tend to use Yahoo's reset, base and fonts CSS:
http://developer.yahoo.com/yui/fonts/
Tripoli
Out of the half-dozen or so CSS frameworks I've looked at, I really like the way Tripoli handles typography, their "Type plugin" defaults look great out of the box.
Lucida
Heh, this is funny. Markus_petrux starts talking about Lucida and all the earlier entries listed in the main topic are suddenly shown in lucida (console?). Was this done on purpose? How? (Perhaps an allowed opening tag without a matching tag in the comment? Is that allowed here?)
....
Nice Ideas...
web design perth