scss Sass Css字体堆栈变量

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss Sass Css字体堆栈变量相关的知识,希望对你有一定的参考价值。


//////////////////////////////////////////////////////////////
//  Font Variables (http://cssfontstack.com/)
//////////////////////////////////////////////////////////////

//
// Serif font-stacks
//

$baskerville-font-stack: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif !default;
$big-caslon-font-stack: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !default;
$bodoni-mt-font-stack: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif !default;
$book-antiqua-font-stack: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif !default;
$calisto-mt-font-stack: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif !default;
$cambria-font-stack: Cambria, Georgia, serif !default;
$didot-font-stack: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !default;
$garamond-font-stack: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif !default;
$georgia-font-stack: Georgia, Times, "Times New Roman", serif !default;
$goudy-old-style-font-stack: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif !default;
$hoefler-text-font-stack: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif !default;
$lucidia-bright-font-stack: "Lucida Bright", Georgia, serif !default;
$palatino-font-stack: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif !default;
$perpetua-font-stack: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif !default;
$rockwell-font-stack: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif !default;
$rockwell-bold-font-stack: "Rockwell Extra Bold", "Rockwell Bold", monospace !default;
$times-new-roman-font-stack: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !default;



//
// Sans-Serif font-stacks
//

$arial-font-stack: Arial, "Helvetica Neue", Helvetica, sans-serif !default;
$arial-black-font-stack: "Arial Black", "Arial Bold", Gadget, sans-serif !default;
$arial-narrow-font-stack: "Arial Narrow", Arial, sans-serif !default;
$arial-rounded-font-stack: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif !default;
$avant-garde-font-stack: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif !default;
$calibri-font-stack: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !default;
$candara-font-stack: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !default;
$century-gothic-font-stack: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !default;
$frankin-gothic-font-stack: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif !default;
$futura-font-stack: Futura, "Trebuchet MS", Arial, sans-serif !default;
$geneva-font-stack: Geneva, Tahoma, Verdana, sans-serif !default;
$gill-sans-font-stack: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !default;
$helvetica-font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$impact-font-stack: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif !default;
$lucida-grande-font-stack: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif !default;


//
// Google font-stacks
//

$lustria-font-stack: 'Lustria', serif !default;
$ubuntu-mono-font-stack: 'Ubuntu Mono', sans-serif !default;
$lato-font-stack: 'Lato', sans-serif !default;
$lora-font-stack: 'Lora', serif !default;
$ubuntu-font-stack: 'Ubuntu', sans-serif !default;
$ubuntu-condensed-font-stack: 'Ubuntu Condensed', sans-serif !default;
$roboto-font-stack: 'Roboto', sans-serif !default;
$roboto-condensed-font-stack: 'Roboto Condensed', sans-serif !default;
$roboto-slab-font-stack: 'Roboto Slab', serif !default;
$raleway-font-stack: 'Raleway', sans-serif !default;
$raleway-dots-font-stack: 'Raleway Dots', cursive !default;
$merriweather-font-stack: 'Merriweather', serif !default;
$merriweather-sans-font-stack: 'Merriweather Sans', sans-serif !default;
$quattrocento-font-stack: 'Quattrocento', serif !default;
$quattrocento-sans-font-stack: 'Quattrocento Sans', sans-serif !default;

以上是关于scss Sass Css字体堆栈变量的主要内容,如果未能解决你的问题,请参考以下文章

scss Sass Css字体堆栈变量

scss SASS变量列表,用于帮助管理数字CSS字体粗细值。

scss SASS颜色函数和CSS变量

将 SASS/SCSS 变量导出到 Javascript,而不将它们导出到 CSS

SCSS / SASS:如何在每个循环中创建变量

Sass