Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Helvetica Neue Font Stacks for SASS.
@function helvetica_neue_stack($weight, $variant)
@return "Helvetica Neue CE #{$weight} #{$variant}", "Helvetica Neue LT #{$weight} #{$variant}", "Helvetica Neue #{$weight} #{$variant}", "HelveticaNeue-#{$variant}", "Helvetica Neue #{$variant}", "Helvetica Neue", "Helvetica", "Arial", sans-serif
// Fonts
$sans-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif
$sans-neue-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif
$sans-light-family: helvetica_neue_stack("45", "Light")
$sans-thin-family: helvetica_neue_stack("35", "Thin")
$sans-ultra-family: helvetica_neue_stack("25", "Ultra Light")
font-family: $sans-light-family
font-weight: 300
font-family: $sans-thin-family
font-weight: 200
font-family: $sans-ultra-family
font-weight: 100

This comment has been minimized.

Copy link
Owner Author

mkitt commented May 7, 2013

Based on the following article around whats preinstalled for most users. Seems to work with decent fallbacks. Still not 100%, so embedding the @font-face and font is way more reliable still.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.