css 如何添加< link rel="preload" as="font">字体的源url

k3fezbri  于 2022-11-26  发布在  其他
关注(0)|答案(1)|浏览(224)

我刚刚知道如何在字体源代码中添加rel ='preload'来避免“flash of invisible text(FOIT)”。问题是我在一个php文件中添加了字体源代码,并要求在代码中包含该php文件。

require_once('styles/common/'.FILENAME_COMMON_CSS);

这是src字体的一个例子。

@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(styles/mobile/common/fonts/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}

有人告诉你要添加“preload”部分,当你包括css文件,其中包含你的代码,但我把代码在php文件。所以有没有一种方法,我可以添加rel=“preload”在上面的代码?因为我没有使用<link rel="preload" as="font" src='*path*'>

rqqzpn5f

rqqzpn5f1#

所以很显然,没有一种方法可以像我所期望的那样做到这一点,所以我找到了另一种解决方案。我添加了"font-display: swap;" in @font-face{}.文档中说,不是所有的浏览器都支持这个功能。

相关问题