Home > Designing, Others > font: caption;

font: caption;

October 31st, 2015 Leave a comment Go to comments

Joe Richardson shared this little trick over on CodePen:

body {
   /* operating system font  */  
   font: caption;
}
  • If you’re on Ubuntu this will be the Ubuntu Font.
  • If you’re on Yosemite this will be Helvetica.
  • If you’re on El Capitan this will be San Francisco.
  • If you’re on Microsoft this will be Segoe UI.

Not entirely sure the support of this, but if it works for your needs it’s a lot easier than declaring them directly or sussing it out with JavaScript.

Direct Link to ArticlePermalink


font: caption; is a post from CSS-Tricks

Categories: Designing, Others Tags:
  1. No comments yet.
  1. No trackbacks yet.
You must be logged in to post a comment.