Twitter Bootstrap - 使用serif字体

Question

我正在使用Twitter Bootstrap进行网站设计,我希望所有的显示字体都使用serif(而不是默认的sans-serif)字体.有没有办法做到这一点,而无需通过LESS重新编译？我真的很想避免学习这种基本的东西.

Answer 1

如果您不介意更改bootstrap.css,请执行查找和替换:

"Helvetica Neue", Helvetica, Arial, sans-serif;

用...来代替:

Georgia, "Times New Roman", Times, serif;

如果您不想这样做,请将此代码添加到自定义CSS以覆盖Bootstrap.

body,
input,
button,
select,
textarea,
.navbar-search .search-query {
  font-family: Georgia, "Times New Roman", Times, serif;
}

Answer 2

您必须更改LESS变量@baseFontFamily,它的默认值是@sansFontFamily您必须将其设置为@serifFontFamily.
如果您不想使用LESS,您仍然可以在文档的" 自定义"菜单中更改这些变量.