Question

有没有办法在我的孩子主题中添加已下载的fonts？。因为我每次测试我的网站render-blocking JavaScript and CSS in above-the-fold content

时都使用谷歌字体和pagespeed insights是我的问题

Answer 1

您必须解压缩由GoogleFonts下载的字体

将它们放在主题文件夹中（例如：wp-content / themes / _MY_THEME_ / fonts /）

打开style.css文件并添加以下代码：

@font-face{
  font-family: 'Font-Name';
  src: url('fonts/Font-Name.eot');
  src: local('☺'),
  url('fonts/Font-Name.woff') format('woff'),
  url('fonts/Font-Name.ttf') format('truetype'),
  url('fonts/Font-Name.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

其中＆＃34;字体名称＆＃34;将被下载的字体名称替换

Wordpress - 如何在我的子主题中添加本地字体

1 个答案: