Nginx字体兑现
我正在拼命想办法在nginx中设置字体的有效期,以便在手机上进行优化 我对ttf字体感兴趣 我将mime.types作为休耕:Nginx字体兑现,nginx,caching,fonts,http-headers,cache-expiration,Nginx,Caching,Fonts,Http Headers,Cache Expiration,我正在拼命想办法在nginx中设置字体的有效期,以便在手机上进行优化 我对ttf字体感兴趣 我将mime.types作为休耕: application/font-woff woff; application/vnd.ms-fontobject eot; application/x-font-ttf ttc ttf; font/opentype otf; image/svg
application/font-woff woff;
application/vnd.ms-fontobject eot;
application/x-font-ttf ttc ttf;
font/opentype otf;
image/svg+xml svg svgz;
在Nginx上,我尝试了我在web上找到的所有解决方案,但都没有成功:
试试#1:
未到期:
Request URL: http://localhost:3001/static/media/Poppins-Regular.8081832f.ttf
Request Method: GET
Status Code: 200 OK
Remote Address: [::1]:3001
Referrer Policy: strict-origin-when-cross-origin
Connection: keep-alive
Content-Encoding: gzip
Content-Type: application/x-font-ttf
Date: Thu, 01 Apr 2021 18:33:55 GMT
ETag: W/"60660e52-269f0"
Last-Modified: Thu, 01 Apr 2021 18:17:54 GMT
Server: nginx/1.15.2
Transfer-Encoding: chunked
Vary: Accept-Encoding
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Host: localhost:3001
Origin: http://localhost:3001
Referer: http://localhost:3001/static/css/main.06159cd9.chunk.css
Sec-Fetch-Dest: font
Sec-Fetch-Mode: cors
Sec-Fetch-Site: same-origin
Sec-GPC: 1
User-Agent: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36
试试#2:
失败:相同的结果
尝试:3
失败:相同的结果
尝试:4
location ~* \.(?:jpg|jpeg|gif|png|ico|woff2)$ {
expires 1M;
add_header Cache-Control "public";
}
失败:相同的结果
我错过了什么?请帮忙。保持简单。我的NGINX看起来像:
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico|woff|woff2|ttf)$ {
....
expires max;
add_header Cache-Control "public, no-transform";
}
答复如下:
cache-control: max-age=315360000
cache-control: public, no-transform
content-length: 84508
content-type: font/woff2
date: Mon, 05 Apr 2021 19:08:55 GMT
etag: "603562a6-14a1c"
expires: Thu, 31 Dec 2037 23:55:55 GMT
last-modified: Tue, 23 Feb 2021 20:16:38 GMT
server: nginx
我有两种不同的字体配置
types { application/x-font-ttf ttf}
AND
types {font/ttf ttf}
第二个是基于2017年发布的新font
标准
。。。但是我没有看到font/truetype
更多信息:
如果要微调expires
值,请查看以下内容:
你的简单方法奏效了。我非常感谢你的回答。非常感谢。
cache-control: max-age=315360000
cache-control: public, no-transform
content-length: 84508
content-type: font/woff2
date: Mon, 05 Apr 2021 19:08:55 GMT
etag: "603562a6-14a1c"
expires: Thu, 31 Dec 2037 23:55:55 GMT
last-modified: Tue, 23 Feb 2021 20:16:38 GMT
server: nginx
types { application/x-font-ttf ttf}
AND
types {font/ttf ttf}
{
map $sent_http_content_type $expires {
default off;
application/pdf 42d;
~image/ max;
}
server {
...
location ~*\.(woff|woff2...)$ {
...
expires $expires;
}
}
}