Css 向Twitter引导添加新字体系列

我怎样才能像他们那样在推特引导中添加一个新的字体系列呢？他们使用一种叫做woff的东西。我正在尝试将roboto压缩到.css文件中。我怎么能像他们用沃夫的东西那样做呢

@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的事情。

创建一个新的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

代码似乎缺少一些字体/文件。您可以使用转换字体文件并生成相应的CSS文件。使用那块CSS文件

然后在字体系列css中使用OpenSAN

---

我希望这能有所帮助

事实上，我想知道如何为ROBOTO工作。他们是如何使用.woff格式的？使用此格式将字体转换为所需的其他格式。它将为您生成包括css文件在内的所有格式