css - 向 Twitter Bootstrap 添加新字体系列

Question

如何按照他们的方式将新字体系列添加到 twitter bootstrap 中？他们使用一种叫做 woff 的东西。我正在尝试将 roboto 添加到 .css 文件中。我怎样才能像他们那样做 woff 事情呢？

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("//themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff") format('woff');
}

我到处搜索，但找不到如何做 woff 的事情。

Answer 1

创建一个新的 CSS 文件。将其命名为 custom.css。将 CSS 文件链接到 CSS 标记内作为外部 CSS 文件。添加您的 @font-face 代码，如下所示:

@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("//themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff") format('woff');
}

您的@font-face代码似乎缺少一些字体/文件。您可以使用Font Squirel转换你的字体文件并生成相应的CSS文件。使用该 CSS 文件 block 。

然后在你的 font-family css 中使用 OpenSans。

希望对你有帮助