SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Guru
    Join Date
    Sep 2008
    Location
    Dubai
    Posts
    971
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    which fonts facebook uses ?

    Facebook font look great. Does anyone know what fonts they used ? can someone give me list ?

  2. #2
    SitePoint Enthusiast qazpoc's Avatar
    Join Date
    Sep 2008
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can usually find this sort of info if you view the source code of the page (right click, select View Source). There are probably links to stylesheets that you can inspect.

    Firebug for Firefox is a great tool for easily inspecting web pages.

  3. #3
    SitePoint Guru
    Join Date
    Sep 2008
    Location
    Dubai
    Posts
    971
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh i've got it.

  4. #4
    SitePoint Evangelist Ed Seedhouse's Avatar
    Join Date
    Aug 2006
    Location
    Victoria, B.C. Canada
    Posts
    592
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Their font family on the body is "font-family:"lucida grande",tahoma,verdana,arial,sans-serif" Then they set the default font size to 11px.
    Ed Seedhouse

  5. #5
    SitePoint Guru
    Join Date
    Sep 2008
    Location
    Dubai
    Posts
    971
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Font size 11px because they want to make facebook accessible to mobiles. Look at the big picture, you see the site is tight and compact.

  6. #6
    SitePoint Evangelist Ed Seedhouse's Avatar
    Join Date
    Aug 2006
    Location
    Victoria, B.C. Canada
    Posts
    592
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by runrunforest View Post
    Font size 11px because they want to make facebook accessible to mobiles.
    That won't work. There are far better ways provided by CSS. It just shows that they don't understand the web.

    Look at the big picture, you see the site is tight and compact.
    That "big picture" includes a growing number of ageing boomers who can't really see 11px fonts too well.
    Ed Seedhouse

  7. #7
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Ed Seedhouse View Post
    That "big picture" includes a growing number of ageing boomers who can't really see 11px fonts too well.
    Only somewhat off-topic: along with the distressing trend towards teeny fonts, what's with this "new" trend of medium gray type on a slightly darker gray background (and variants thereof such as dark gray type on black bg)? When I have to highlight the type with my mouse just to read the content, I'm steering for the exits.

  8. #8
    SitePoint Wizard silver trophybronze trophy
    Join Date
    Jul 2008
    Location
    New York, NY
    Posts
    1,432
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I tend to find myself increasing the font size to a legible size.

    I can only imagine the ie users out there who know no better to use a different browser trying to increase the font size

  9. #9
    SitePoint Member
    Join Date
    Feb 2010
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by runrunforest View Post
    Facebook font look great. Does anyone know what fonts they used ? can someone give me list ?
    The font you're searching for is called 'Tahoma' or 'Lucida Grande'. I'm using Windows and I don't have Lucida Grande so Facebook is using Tahoma. But if you're using Mac Lucida Grande is a system font so in this case the font you're searching for is Lucida Grande.
    Hope this helps,
    rio

  10. #10
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,788
    Mentioned
    151 Post(s)
    Tagged
    3 Thread(s)
    Rio, many thanks for answering this question but if you look at posts 3 and 4 you will see that it has been resolved - IN 2008
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  11. #11
    SitePoint Zealot Norebbo's Avatar
    Join Date
    Jun 2008
    Location
    Southern California
    Posts
    123
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by spikeZ View Post
    Rio, many thanks for answering this question but if you look at posts 3 and 4 you will see that it has been resolved - IN 2008
    Lol! I can hear the forehead slapping from way over here...

  12. #12
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,233
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    Facebook's smaller font size straining eyes.

    And anyway, facebook's logo font is Klavika, not Tahoma or Lucida Grand.

    Yeah, old thread, was #4 on teh search for "facebook font". Lawlz.

  13. #13
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Addon called FB Purity to fix the font size issue once and for all, it also has a number of other features.
    Website design company for all your designing and marketing needs

  14. #14
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by runrunforest View Post
    Font size 11px because they want to make facebook accessible to mobiles. Look at the big picture, you see the site is tight and compact.
    Hi run facebook uses "klavika font", found it by viewing the source code of the page and then locating the css file. That contains the data for how the page will look.Right-click on the page and select view source. You are going to see a lot of HTML code.


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
  •