Question

我一直在尝试将一些嵌入字体添加到主题的styles.css文件中，由于某些原因我似乎无法使字体工作。我目前的代码是：

@font-face {
    font-family: 'borisblackboxxregular';
    src: url('http://blog.abstract-thinking.co.uk/fonts/borisblackboxxregular/borisblackbloxx-webfont.eot');
    src: url('http://blog.abstract-thinking.co.uk/fonts/borisblackboxxregular/borisblackbloxx-webfont.eot?#iefix') format('embedded-opentype'),
    url('http://blog.abstract-thinking.co.uk/fonts/borisblackboxxregular/borisblackbloxx-webfont.woff') format('woff'),
    url('http://blog.abstract-thinking.co.uk/fonts/borisblackboxxregular/borisblackbloxx-webfont.ttf') format('truetype'),
    url('http://blog.abstract-thinking.co.uk/fonts/borisblackboxxregular/borisblackbloxx-webfont.svg') format('svg');
}

但是我也尝试过（只有一行作为例子）：

src: url('/fonts/borisblackboxxregular/borisblackbloxx-webfont.eot');
src: url('.../fonts/borisblackboxxregular/borisblackbloxx-webfont.eot');
src: url('borisblackbloxx-webfont.eot');

字体的物理位置位于几个位置，即安装的根文件夹，在fonts / borisblackboxxregular文件夹结构中以及当前应用主题的根目录中。有谁知道我可能做错了什么？

感谢任何能够回答此问题的人。

Answer 1

主题中有一些字体设置选项，可以产生：

h1, h2, h3, h4, h5, h6, h7 {
    font-family: "header-font"!important;
}

此代码来自您主题的设置页面。有两种方法可以解决它。

您可以转到主题的php代码并删除字体样式。
您可以在关闭<body>代码之前在footer.php中编写以下css来覆盖。

h1，h2，h3，h4，h5，h6，a { font-family：'borisblackboxxregular'！important; }

嵌入式字体不适用于Wordpress样式表

1 个答案: