如何在网站上正确加载自定义字体

Question

我在css文件中声明自定义字体，使用@import并将它们分配给元素：

我无法访问网站的头标记，我正在身体中进行...

这不起作用..，我的问题是否必须在页面的头部声明自定义字体才能加载？

Answer 1

使用javascript

答案 1 :(得分：0)

如果可能，请不要将@import用于css文件（除非在某些情况下，例如将@media用于不同的设备），因为它可以阻止CSS文件正确加载。

你可以声明一个链接标签来导入head标签之外的CSS，但它可能导致一些问题 - 主要根据W3C规范，你应该只在link标签中声明head标签（IE会W3C验证器失败）。将其加载到文档正文中也会增加加载时间，因为浏览器在加载后必须重新设置页面。

但理论上，是的，可以做到。

Answer 2

如果可能，请不要将@import用于css文件（除非在某些情况下，例如将@media用于不同的设备），因为它可以阻止CSS文件正确加载。

你可以声明一个链接标签来导入head标签之外的CSS，但它可能导致一些问题 - 主要根据W3C规范，你应该只在link标签中声明head标签（IE会W3C验证器失败）。将其加载到文档正文中也会增加加载时间，因为浏览器在加载后必须重新设置页面。

但理论上，是的，可以做到。