css调用外部字体加载速度慢怎么办？

Question

网页使用电脑里面没有的字体，设置新的文件夹放置下载的字体，然后用代码调用。@font-face {

font-family:NSHD;
src:url('../fonts/NOTOSANSHANS-DEMILIGHT.OTF');


但是打开网页的时候字体加载很慢，怎么解决？

Answer 1

设http缓存

---

Apache的expires_module模块可以在Http响应头部自动加上Expires字段。在Apache的httpd.conf文件中进行如下配置：

#启用expires_module模块
LoadModule expires_module modules/mod_expires.so
<IfModule expires_module>
    # 启用有效期控制
    ExpiresActive On
    # GIF有效期为1个月
    ExpiresByType image/gif A2592000
    # HTML文档的有效期是最后修改时刻后的一星期
    ExpiresByType text/html M604800
    #以下的含义类似
    ExpiresByType text/css "now plus 2 month"
    ExpiresByType text/js "now plus 2 day"
    ExpiresByType image/jpeg "access plus 2 month"
    ExpiresByType image/bmp "access plus 2 month"
    ExpiresByType image/x-icon "access plus 2 month"
    ExpiresByType image/png "access plus 2 month"
</IfModule>

Answer 2

请确保字体文件不要太大 超过 1M 就有些不合理了