Question

我已经下载了Bank Gothic Light BT＆＃39;并希望在WordPress网站上实现它。

我的文件位于wp-content/themes/alexia/fonts，名称为TT0589M_.woff

这是我的CSS文件中的代码

@font-face {
font-family: 'Bank Gothic Light BT';
font-style: normal;
font-weight: normal;
src: local('Bank Gothic Light BT'), url('fonts/TT0589M_.woff') format('woff');
}

#Subheader .container h1{font-family:'Bank Gothic Light BT';}

在检查Google Chrome时，h1确实具有font-family的属性：＆＃39; Bank Gothic Light Bt＆＃39;，但是子标题不呈现字体样式，有什么问题？

Answer 1

您的主题样式表很可能包含该元素的CSS规则，该规则具有比您的规则更高的特定。使用浏览器工具查看哪个规则适用于相关元素，然后将规则添加到自定义样式，其选择器至少包含与该规则相同数量（以及“重”）的元素以覆盖它，例如.container_all .header #Subheader .wrapper .container h1 { ... }（这只是为了证明我的意思，我不知道你网页HTML的结构）

如何在WordPress上应用字体？

1 个答案: