Skip to content

Instantly share code, notes, and snippets.

@stormwarning
Last active December 18, 2015 01:49
Show Gist options
  • Save stormwarning/5706762 to your computer and use it in GitHub Desktop.
Save stormwarning/5706762 to your computer and use it in GitHub Desktop.
Attempting to map common typographic weight terminology to CSS/TrueType/OpenType values;
$hairline: 100;
$thin: 200; // aka Extra light, Ultra light
$light: 300;
$normal: 400; // aka Book, Roman
$medium: 500;
$semibold: 600; // aka Demi-bold
$bold: 700;
$extrabold: 800; // aka Ultra bold
$black: 900; // aka Heavy
strong {
font-weight: $medium;
}
@stormwarning
Copy link
Author

May need to look into ways to mixin-ify this, incorporating font-face (see: http://elliotjaystocks.com/blog/font-weight-in-the-age-of-web-fonts/)

@stormwarning
Copy link
Author

Updated terms somewhat to match CSS Spec: http://www.w3.org/TR/css3-fonts/#font-weight-prop

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment