所以我试图为某些字体创建别名,而别名在没有任何明显原因的情况下被忽略。看看这个例子。所以我刚刚为“PingFang SC”创建了名为“Test”的别名。现在我认为 Test/PingFang SC 应该有效地使用相同的字体。但是不行,只需注释“font-family: PingFang SC”行,您就会看到字体会发生变化。有什么想法为什么 @font-face 会被忽略吗?
<html lang="en">
<head>
<style>
@font-face {
font-family: "Test";
src: local(PingFang SC);
}
.with-font {
font-family: "Test";
font-family: PingFang SC;
}
</style>
<title>Font test</title>
</head>
<body>
<div class="with-font">对方出招有快有慢</div>
</body>
</html>
这有效:
src: local(PingFangSC-Regular)
但这意味着要为某些现有字体创建别名,我必须为每个粗细提供@font-face。