Question

我有三个文件用于字体，普通文件，粗体文件和光文件。如何在font-face上设置灯光，因为font-weight：light不存在？

顺便说一下，font-weight：相对于某些东西更轻？如果是，那是什么？

Answer 1

尝试这些（一次一个）：

font-weight: lighter;
font-weight: 100;
font-weight: 200;
font-weight: 300;

Answer 2

您需要获得支持不同大小的字体粗细的字体，您应该能够将字体粗细指定为数字，例如：

font-weight:300 - should be light
font-weight:400 - should be normal
font-weight:700 - should be bold

但这取决于你在font-face声明中如何定义它们，你应该把字体权重放在那里，例如这里有一个用于HelveticaNeue-Light

@font-face{
    font-family:"HelveticaNeue";
    src: url("/fonts/fontfile.eot");
    src: local('Helvetica Neue Light'), local('HelveticaNeue-Light'),
    url("/fonts/fontfile.eot?#iefix") format("embedded-opentype"),
    url("/fonts/fontfile.woff") format("woff"),
    url("/fonts/fontfile.ttf") format("truetype"),
    url("/fonts/fontfile.svg") format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

然后你可以使用：

p {
    font-family:"HelveticaNeue"; 
    font-weight:300; 
}

它将使用该字体定义，您可以使用不同的字体权重定义其中的多个，如果需要，可以匹配不同权重的各种文件。

您可以将具有多个权重的字体文件嵌入到一个文件中，但现在大多数情况下我认为它们是分开的！

字体粗细（正常，粗体，......）

2 个答案: