预加载多种字体格式

时间:2018-11-18 09:32:06

标签: html browser

我想用location / { try_files $uri $uri/ /index.php$is_args$args; } 预加载字体。但是我在<link rel="preload" href="..fontfile.type" as="font" type="font/type">中提供了多种格式。
最好的做法是为每种字体格式添加一个预加载链接吗?示例:

@font-face

浏览器现在是否加载所有指定的文件,或者浏览器是否识别出它们是相同的文件(格式不同)?

仅提供一个文件更好(<link rel="preload" as="font" href="...eot" type="font/eot"> <link rel="preload" as="font" href="...woff2" type="font/woff2"> <link rel="preload" as="font" href="...ttf" type="font/ttf"> 应该涵盖大多数浏览器)?

1 个答案:

答案 0 :(得分:0)

yoav-weissGitHub的引用:

  

type属性适用于预加载,但不能排除旧的受支持格式。这意味着您当前只能在支持浏览器中预加载woff2变体,但是您将无法仅在不支持woff2的浏览器中预加载woff变体(因为较新的浏览器也支持该变体)。      

我的建议是仅对最新格式使用预加载功能,目前该格式可能已覆盖大多数用户。较旧的浏览器将无法获得此优化,但也可能不支持预加载,因此很可能很好。