我编写了一个使用yaml css框架的Web应用程序。 yaml css文件中的一行是....
@import url（http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700）;
互联网在我的公司非常慢，我想用该字体的本地副本替换该下载。
为了尝试实现这一点，我去了http://www.google.com/fonts，下载了DroidSans和DroidSerif字体。我得到的文件是......
然后我去了http://www.fontsquirrel.com/tools/webfont-generator并为我的所有DroidSerif字体创建了1个字体工具包，为我的所有DroidSans字体创建了1个字体工具包。
我现在有点陷入困境，因为看看生成的字体工具包中的演示，他们为每个ttf文件提供了不同的font-face声明。换句话说，我有许多font-face声明......
@font-face {font-family: 'droid_serifbold'; ...
@font-face {font-family: 'droid_serifitalic'; ...
@font-face {font-family: 'droid_serifbold_italic'; ...
@font-face {font-family: 'droid_serifregular'; ...
...and same for droid sans...
但是yaml CSS框架并没有使用这种字体。相反，他们有一个字体定义，然后指定不同的字体权重......
body {
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
...
}
h6 {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-weight: 400;
q {
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
font-style: italic;
b {
font-weight: bold;
我宁愿不改变yaml css，因为我可能会把它弄糟。我的问题是如何更改从字体squirrel字体工具包提供给我的字体 - 面部声明，以匹配我的CSS使用的字体 - 重量样式？
感谢
答案 0 :(得分：1)
如果您首先访问的网站是Google Fonts，请查看生成的代码，
你可以意识到你需要：
下载这4个文件：
正确重命名并放在fonts文件夹中：
字体/的 DroidSans-粗体 .woff
字体/的 DroidSerif .woff
字体/的 DroidSerif-粗体 .woff
字体/的 DroidSerif-斜体 .woff
然后使用此代码：
@font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: 700;
src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('fonts/DroidSans-Bold.woff') format('woff');
}
@font-face {
font-family: 'Droid Serif';
font-style: normal;
font-weight: 400;
src: local('Droid Serif'), local('DroidSerif'), url('fonts/DroidSerif.woff') format('woff');
}
@font-face {
font-family: 'Droid Serif';
font-style: normal;
font-weight: 700;
src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('fonts/DroidSerif-Bold.woff') format('woff');
}
@font-face {
font-family: 'Droid Serif';
font-style: italic;
font-weight: 400;
src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url('fonts/DroidSerif-Italic.woff') format('woff');
}