WordPress：外部字体不在前端中显示

Question

im试图使用以下代码在Wordpress中包含外部字体，但它不起作用：

@font-face {
  font-family: 'Splatoon';
  src: url('http://paperyoshi.at/font/Splatoon/Splatoon.eot?#iefix') format('embedded-opentype'),
       url('http://paperyoshi.at/font/Splatoon/Splatoon.woff') format('woff'),
       url('http://paperyoshi.at/font/Splatoon/Splatoon.woff2') format('woff2'),
       url('http://paperyoshi.at/font/Splatoon/Splatoon.ttf')  format('truetype'),
       url('http://paperyoshi.at/font/Splatoon/Splatoon.svg#svgFontName') format('svg');
}

body {
    font-family: Splatoon;
}

Answer 1

尝试使用!important标签，例如将其放在CSS行之后 font-family: Arial !important;

Answer 2

如果其他标签（例如p，li，h1至h6等）具有特定的字体系列设置，则body的字体设置几乎不会有效。检查您的主题样式表，看是否有这些标记的字体定义，如果是，则创建覆盖这些标记的特定CSS规则。