I am looking to use a range of HTML fonts like the on the site below however I am struggling to find a reference site which has a list of HTML which can be used.
Does anyone know a good reference site for HTML fonts.
[noparse]http://submittable.com/[/noparse]
What you’re looking for is called font stacks.
http://cssfontstack.com/ - shows the “typical” fonts as people have installed, broken by category (serif, san serif, etc).
http://www.sitepoint.com/eight-definitive-font-stacks/ - an older SP thread, but shows fonts by stack, which puts fonts with common characteristics beyond category together. I would strongly suggest reading this and if you need more, google font stacks
You can visit the following link to get a complete list of html fonts
Technically speaking you can use any font as long as it is installed on the client computer.
There are also ways now to embed fonts or something so that the client doesn’t have to have it already.
There are however only a few fonts that you can be sure will work on 99% of clients computers. You can find a list here: http://www.w3schools.com/cssref/css_websafe_fonts.asp
I don’t know how accurate the other OS lists are, but of " … the list of fonts supported by most Unix System variants", the only one my Linux install has is Symbol. Likewise, the W3schools reference shows several font stacks which don’t include any font on my system - and I do have the MS Core Fonts installed.
Hi,
I’m looking to use fonts like the those on this site: https://grouptalent.com/welcome
Does anyone know what font the “Top Teams of Developers & Designers. On Demand.” is
font-family: MuseoSlab500,"Helvetica Neue","Helvetica","Liberation Sans",Arial,sans serif;
If you want to use a range like the site you linked to, then you’ll either need to use CSS’ embed method. The site uses fonts that probably less than 1% of users have on their computers, so it won’t do if you solely had that font, you’d need to make it available for (almost) everyone which means you’d want to use CSS font embedding. You can go to sites like fontsquirrel.com (or Google’s webfonts) and download a " font kit" which contains the various font files needed to serve up different browser vendors, add a few lines of CSS to your stylesheet and be done. If you like more “sophisticated” fonts, you can take a look at typekit.com. That’s the service the sample site you posted uses. It’s a commercial service (fontsquirrel.com isn’t) and they serve fonts via Javascript, meaning some extra kb, plus, these fonts are hosted on external servers which means you have less control as you would if you hosted these fonts yourself, so keep that in mind.
The only other thing you need to remember is to always have a fallback font, one that you feel is a good alternative to the primary font you’re serving. You should do that even when there’s no Javascript involved because there exist browser scripts that enable the blocking of embedded fonts.