最佳实践 - @ font-face normal / bold / heavy

时间:2015-05-15 17:11:15

标签: html css fonts

我有一个问题,考虑使用@ font-face命令通过CSS将自定义字体添加到网页。

我总是这样使用@ font-face:

@font-face {
    font-family: "MyFont";
    src: url('url-to-font') [eot, woff, ttf, ...];
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MyFont-Bold", [Fallbacks...];
    src: url('url-to-font') [eot, woff, ttf, ...];
    font-weight: bold;
    font-style: normal;
}

* {
    font-family: "MyFont", [Fallbacks...]
}

h1 {
    font-family: "MyFont-Bold", [Fallbacks...];
}

有两件事:是否可以使用通配符选择器(*)将font-face应用于整个页面?还有更好的方法吗?

是否可以省略:

font-family: "MyFont-Bold";

而是说:

font-family: "MyFont";
font-weight: bold;

如果是,那么这样做有什么好处吗?

非常感谢!

1 个答案:

答案 0 :(得分:2)

您通常会这样做:

saveAs("Results", "/path/to/your/file.xls");