@font-face 忽略本地字体

问题描述 投票:0回答:1

所以我试图为某些字体创建别名,而别名在没有任何明显原因的情况下被忽略。看看这个例子。所以我刚刚为“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>

html css fonts font-face font-family
1个回答
0
投票

这有效:

src: local(PingFangSC-Regular)

但这意味着要为某些现有字体创建别名,我必须为每个粗细提供@font-face。

© www.soinside.com 2019 - 2024. All rights reserved.