css - 将自定义字体添加到 Gantry Framework

Question

我正在尝试向 Wordpress 上的 Gantry 框架添加一些自定义字体 Gantry

到目前为止我所做的是:

在 wp-content/themes/my_theme_folder/custom/fonts 文件夹中，我上传了我的 eot、ttf、svg、woff 字体文件。

然后在 custom.scss 文件中我插入了代码:

@font-face {
font-family: 'war';
src: url('war-webfont-webfont.eot'); /* IE9 Compat Modes */
src: url('war-webfont-webfont.woff') format('woff'), /* Pretty Modern       Browsers */
url('war-webfont-webfont.ttf')  format('truetype'), /* Safari, Android,     iOS */
url('war-webfont-webfont.svg') format('svg'); /* Legacy iOS */
}

我正在尝试通过检查器设置元素的样式:

p {font-family: 'war';}

但是没有任何反应。字体被识别(不是删除线)但字体不显示。

这是插入自定义字体的正确方法吗？

我也关注了Gantry Fonts Tutorial但也没有成功。

Answer 1

字体名称是你在font-family属性中写的，所以我觉得应该是:

p {font-family: 'din';}