时间戳

首页 > 解决方案 > 如何手动将字体存储在谷歌浏览器中？

html - 如何手动将字体存储在谷歌浏览器中？

问题描述

我有一个名为“Jameel Noori Nastaliq”的字体。它是 urdu 字体，有 10MB 的 .ttf 文件。我在我的网站上使用过它。但是当我的网站加载时，完成整个页面的加载需要很长时间。

我尝试将其更改为 woff 或压缩它，但没有成功。这是字体 .ttf 文件的下载链接。https://urdufonts.net/fonts/jameel-noori-nastaleeq-regular#

标签： htmlperformancewebflaskfonts

解决方案

您只能在每个用户加载一次字体后缓存该字体。您可以通过添加以下内容来管理字体的缓存htaccess：

<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresDefault                              "access plus 1 month"
    ExpiresByType text/cache-manifest           "access plus 0 seconds"
    # Webfonts
    ExpiresByType font/ttf                      "access plus 4 months"
    ExpiresByType font/otf                      "access plus 4 months"
    ExpiresByType font/woff                     "access plus 4 months"
    ExpiresByType font/woff2                    "access plus 4 months"
    ExpiresByType image/svg+xml                 "access plus 1 month"
    ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
</IfModule>

推荐阅读