SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    731
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Complete List of HTML Fonts?

    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.

    http://submittable.com/
    Last edited by TechnoBear; Jun 19, 2012 at 12:27. Reason: URL delinkified

  2. #2
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,289
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    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
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style
    Learn how to be ready for The Forums' Move to Discourse

  3. #3
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    You might also find this recent thread on fonts helpful.

  4. #4
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can visit the following link to get a complete list of html fonts
    http://www.tutorialspoint.com/html/html_fonts_ref.htm

  5. #5
    SitePoint Member
    Join Date
    Jul 2012
    Location
    Leicester
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  6. #6
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,408
    Mentioned
    273 Post(s)
    Tagged
    5 Thread(s)
    Quote Originally Posted by smith warnes View Post
    You can visit the following link to get a complete list of html fonts
    http://www.tutorialspoint.com/html/html_fonts_ref.htm
    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.

  7. #7
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    731
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    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

  8. #8
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,408
    Mentioned
    273 Post(s)
    Tagged
    5 Thread(s)
    Code CSS:
    font-family: MuseoSlab500,"Helvetica Neue","Helvetica","Liberation Sans",Arial,sans serif;

  9. #9
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by justlukeyou View Post
    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.

    http://submittable.com/

    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.
    Maleika E. A. | Rockatee | Twitter | Dribbble




Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •