我正要使用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/