这是我第一次使用font-face,我真的很难实际渲染确切的字体,特别是在*.ttc文件方面.
这是我到目前为止所做的:
@font-face {
font-family: 'FontName';
src: url('../fonts/font.ttc') format('truetype');
font-weight: normal;
}
.header {
font-family: 'FontName;
}
Run Code Online (Sandbox Code Playgroud)
当我检查Chrome浏览器中的网络选项卡时,我可以看到字体已成功加载,但结果文本仍使用其他字体.
我做错了什么?请帮我解决这个问题.非常感谢提前.
更新
还有一件事我想通了.当我设置内联样式时,字体会正确呈现.
<p style="font-family:'FontName'">test 2</p>
Run Code Online (Sandbox Code Playgroud)
是否有任何延迟加载或类似的东西?