【发布时间】：2020-12-11 07:59:13
【问题描述】：
我的网站优化插件告诉我使用@font-face .css 以确保我的文本尽早可见。但我终其一生都无法弄清楚如何做到这一点。
显然我需要使用以下css：
@font-face{
font-family: 'myWebFont';
font-display: swap;
src: url('myfont.woff2') format('woff2');
}
我试过参数如：
@font-face{
font-family: 'myWebFont';
font-display: swap;
src: url('https://www.treemonkeymusic.com/fonts/glyphicons-halflings-regular.woff2 ') format('woff2');
}
Q1：我不知道要使用哪个字体系列，有没有办法解决这个问题？
Q2：链接是我收到的警告中显示的链接。但这是正确的链接吗？我可以使用/wp-content/themes/shop-isle/fonts/blablafont.woff 之类的东西吗？
Q3：如果我只是将它粘贴到 Wordpress 的自定义 css 部分，它会起作用吗？我假设 css 中可能有一个 @font-face，但它没有 font-display 参数。
Q4：有没有更好的方法对所有字体执行此操作，以避免必须为使用的每种字体执行 css？
欢迎任何想法或想法，因为我真的不知道自己在做什么。
【问题讨论】：
-
看看here，它可以帮助生成带有资产的字体套件