我刚刚知道如何在字体源代码中添加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*'>
1条答案
按热度按时间rqqzpn5f1#
所以很显然,没有一种方法可以像我所期望的那样做到这一点,所以我找到了另一种解决方案。我添加了
"font-display: swap;" in @font-face{}.
文档中说,不是所有的浏览器都支持这个功能。