这是我第一次使用 font-face,对我来说确实很难真正渲染出完全相同的字体,特别是涉及到 *.ttc 文件时。
目前为止,我已经做了以下工作:
@font-face {
font-family: 'FontName';
src: url('../fonts/font.ttc') format('truetype');
font-weight: normal;
}
.header {
font-family: 'FontName;
}
当我在Chrome检查器的网络选项卡中检查时,我可以看到字体已经成功加载,但结果文本仍然使用另一种字体。
我做错了什么?请帮我解决这个问题。非常感谢您的帮助。
更新
我发现还有一件事。当我使用内联样式时,字体被正确渲染。
<p style="font-family:'FontName'">test 2</p>
加载有延迟或类似情况吗?