Skip to content

Instantly share code, notes, and snippets.

@mousemke
Last active March 16, 2017 16:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mousemke/50085dd6d2e4820c671817158b37af14 to your computer and use it in GitHub Desktop.
Save mousemke/50085dd6d2e4820c671817158b37af14 to your computer and use it in GitHub Desktop.
safe font stacks
[
{
text: 'Apple Chancery, Zapf Chancery, Monotype Corsiva, Georgia, cursive',
value: '"Apple Chancery", "Zapf Chancery", "Monotype Corsiva", Georgia, cursive',
extraClass: 'font-list__Apple'
},
{
text: 'Arial, Helvetica Neue, Helvetica, sans-serif',
value: 'Arial, "Helvetica Neue", Helvetica, sans-serif',
extraClass: 'font-list__Arial--Neue'
},
{
text: 'Baskerville, Times New Roman, Times, serif',
value: 'Baskerville, "Times New Roman", Times, serif',
extraClass: 'font-list__Baskerville'
},
{
text: 'Cambria, Georgia, Times, Times New Roman, serif',
value: 'Cambria, Georgia, Times, "Times New Roman", serif',
extraClass: 'font-list__Cambria'
},
{
text: 'Century Gothic, Apple Gothic, sans-serif',
value: '"Century Gothic", "Apple Gothic", sans-serif',
extraClass: 'font-list__Century'
},
{
text: 'Consolas, Lucida Console, Monaco, monospace',
value: 'Consolas, "Lucida Console", Monaco, monospace',
extraClass: 'font-list__Consolas'
},
{
text: 'Copperplate Light, Copperplate Gothic Light, serif',
value: '"Copperplate Light", "Copperplate Gothic Light", serif',
extraClass: 'font-list__Copperplate'
},
{
text: 'Courier New, Courier, monospace',
value: '"Courier New", Courier, monospace',
extraClass: 'font-list__Courier'
},
{
text: 'Franklin Gothic Medium, Arial Narrow Bold, Arial, sans-serif',
value: '"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif',
extraClass: 'font-list__Franklin'
},
{
text: 'Futura, Century Gothic, AppleGothic, sans-serif',
value: 'Futura, "Century Gothic", AppleGothic, sans-serif',
extraClass: 'font-list__Futura'
},
{
text: 'Garamond, Hoefler Text, Times New Roman, Times, serif',
value: 'Garamond, "Hoefler Text", "Times New Roman", Times, serif',
extraClass: 'font-list__Garamond'
},
{
text: 'Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif',
value: 'Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif',
extraClass: 'font-list__Geneva'
},
{
text: 'Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif',
value: 'Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif',
extraClass: 'font-list__Georgia'
},
{
text: 'Gill Sans, Calibri, Trebuchet MS, sans-serif',
value: '"Gill Sans", Calibri, "Trebuchet MS", sans-serif',
extraClass: 'font-list__Gill'
},
{
text: 'Helvetica Neue, Arial, Helvetica, sans-serif',
value: '"Helvetica Neue", Arial, Helvetica, sans-serif',
extraClass: 'font-list__HelveticaNeue'
},
{
text: 'Helvetica, Arial, sans-serif',
value: 'Helvetica, Arial, sans-serif',
extraClass: 'font-list__Helvetica'
},
{
text: 'Impact, Haettenschweiler, Arial Narrow Bold, sans-serif',
value: 'Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif',
extraClass: 'font-list__Impact'
},
{
text: 'Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif',
value: '"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif',
extraClass: 'font-list__Lucida'
},
{
text: 'Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif',
value: 'Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif',
extraClass: 'font-list__Palatino'
},
{
text: 'Tahoma, Geneva, Verdana, sans-serif',
value: 'Tahoma, Geneva, Verdana, sans-serif',
extraClass: 'font-list__Tahoma'
},
{
text: 'Times, Times New Roman, Georgia, serif',
value: 'Times, "Times New Roman", Georgia, serif',
extraClass: 'font-list__Times'
},
{
text: 'Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif',
value: '"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif',
extraClass: 'font-list__Trebuchet'
},
{
text: 'Verdana, Geneva, Tahoma, sans-serif',
value: 'Verdana, Geneva, Tahoma, sans-serif',
extraClass: 'font-list__Verdana'
},
{
text: 'Arial, Helvetica, sans-serif',
value: 'Arial, Helvetica, sans-serif',
extraClass: 'font-list__Arial'
},
{
text: 'Helvetica Neue Black Extended',
value: '"HelveticaNeueBlackExtended", "HelveticaNeue-Black-Extended", "Helvetica Neue Black Extended", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Arial Black", sans-serif',
stretch: 'extended',
fontWeight: 800,
extraClass: 'font-list__HelveticaNeueBlackExtended'
},
{
text: 'Helvetica Neue Bold Extended',
value: '"HelveticaNeueBoldExtended", "HelveticaNeue-Bold-Extended", "Helvetica Neue Bold Extended", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif',
stretch: 'extended',
fontWeight: 600,
extraClass: 'font-list__HelveticaNeueBoldExtended'
},
{
text: 'Helvetica Neue Regular Extended',
value: '"HelveticaNeueExtended", "HelveticaNeue-Extended", "Helvetica Neue Extended", "HelveticaNeueRomanExtended", "HelveticaNeue-Roman-Extended", "Helvetica Neue Roman Extended", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif',
stretch: 'extended',
fontWeight: 400,
extraClass: 'font-list__HelveticaNeueExtended'
},
{
text: 'Helvetica Neue Black Condensed',
value: '"HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Arial Narrow", "Arial", sans-serif',
stretch: 'condensed',
fontWeight: 800,
extraClass: 'font-list__HelveticaNeueBlackCondensed'
},
{
text: 'Helvetica Neue Bold Condensed',
value: '"HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif',
stretch: 'condensed',
fontWeight: 600,
extraClass: 'font-list__HelveticaNeueBoldCondensed'
},
{
text: 'Helvetica Neue Regular Condensed',
value: '"HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosCnRegular", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif',
stretch: 'condensed',
fontWeight: 400,
extraClass: 'font-list__HelveticaNeueCondensed'
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment