我正要使用Bootstrap SASS更改默认字体,我发现了这一点:

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;


在这种情况下,sans-serif和serif有什么区别?因为如果我检查我的页面,所有字体都是Helvetica Neue。

如果我所看到的只是使用Helvetica Neue,如何使用serif / Georgia?

最佳答案

这些只是更改字体的base样式的选项,因此,如果您需要衬线或无衬线。他们这样做:

创建三种基本样式:


  $ font-family-sans-serif:“ Helvetica Neue”,Helvetica,Arial,sans-serif!default;
  $ font-family-serif:乔治亚州,“ Times New Roman”,Times,衬线!默认;
  $ font-family-monospace:Menlo,摩纳哥,Consolas,“ Courier New”,等宽字体!默认;


然后在基本变量上设置sans-serif


  $ font-family-base:$ font-family-sans-serif!默认值;


并使用该基础定义body的字体系列,从而定义所有文档:


body {
   font-family: $font-family-base;
   font-size: $font-size-base;
   line-height: $line-height-base;
   color: $text-color;
   background-color: $body-bg;
}





如果您要自定义主题并快速更改为衬线或等宽所有文档,则可以使用其他选项。

关于css - 为什么Bootstrap在Sass中有两种字体?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39644161/

10-13 01:41