代码之家  ›  专栏  ›  技术社区  ›  Coli Culpepper

预加载多种字体格式

  •  0
  • Coli Culpepper  · 技术社区  · 6 年前

    <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">
    

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

    只提供一个文件是否更好( woff2

    1 回复  |  直到 6 年前
        1
  •  3
  •   Community CDub    5 年前

    引用自 yoav-weiss GitHub :

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

    我的建议是只对最新的格式使用预加载,到目前为止,它可能会覆盖大多数用户。较旧的浏览器不会得到这种优化,但也可能不支持预加载,所以这很可能是好的。