Mobile app version of vmapp.org
Login or Join
Holmes874

: Facebook "Like Button" Typeface Options When you ask Facebook for code to put a "Like" button on your website, you are given a choice of these typefaces: arial, lucida grande, segoe ui, tahoma,

@Holmes874

Posted in: #Fonts

When you ask Facebook for code to put a "Like" button on your website, you are given a choice of these typefaces: arial, lucida grande, segoe ui, tahoma, trebuchet ms, and verdana. Given that they are all pretty similar, what are some considerations in choosing among them? Recommendations?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Holmes874

2 Comments

Sorted by latest first Latest Oldest Best

 

@Marchetta832

Just so you guys know, it seems that Windows only likes Trebuchet MS as the specified font when you select the XFBML version of the Facebook Like button box_count layout that displays the Send button underneath the main Like button. Use any other font selection than Trebuchet MS and the word "Send" gets cut off on the right side on Windows. Mac is fine either way. You can see this in action by going to the main Facebook Developers Like button page and specifying XFBML, checking the Send box, and selecting box_count layout.

10% popularity Vote Up Vote Down


 

@Tiffany317

I assume you're using this script to generate the "Like" button. It appears that the default, if you don't select any font, is to try Lucida Grande, Tahoma, Verdana and Arial in that order, and to fall back to the browser's default sans-serif font if none of those are available. If you do select a specific font in the form, it uses either that particular font or the browser default sans-serif font.

Given that, if you're not using any of the listed fonts on your page already, and don't have any strong preferences between them, I'd just go with the default (i.e. don't select any font in the form). It's likely to look OK to most users, and match what they're used to seeing on other sites.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme