字体系列未导入

Question

我正在尝试使用名为“Patua One”的字体，但是当我在css中添加属性时，更改未显示。

这是我的css代码：

.p1{
font-family: "Patua One";
font-size: 70px;
color: #1B423E;
}

这就是我的导入：

@font-face {
font-family: 'patua_oneregular';
src: url('patuaone-regular-webfont.eot');
src: url('patuaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('patuaone-regular-webfont.woff') format('woff'),
     url('patuaone-regular-webfont.ttf') format('truetype'),
     url('patuaone-regular-webfont.svg#patua_oneregular') format('svg');
font-weight: normal;
font-style: normal;

}

如果您想知道，src：url（'patuaone-regular-webfont'）位于我的webroot中，它包含所有这些文件。

这是我的根目录

然后在webfontkit里面是这些文件：

在style.css里面是我上面发布的@import css。

Answer 1

导入和使用时，font-family应具有一致的值。

另外，您没有给出正确的字体文件路径。

应该是：

@font-face {
    font-family: 'patua_oneregular';
    src: url('../webfontkit-patuaone/patuaone-regular-webfont.eot');
    src: url('../webfontkit-patuaone/patuaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfontkit-patuaone/patuaone-regular-webfont.woff') format('woff'),
         url('../webfontkit-patuaone/patuaone-regular-webfont.ttf') format('truetype'),
         url('../webfontkit-patuaone/patuaone-regular-webfont.svg#patua_oneregular') format('svg');

和

.p1{
    font-family: 'patua_oneregular';
}

Answer 2

在导入时，您说:font-family: 'patua_oneregular';和css font-family: "Patua One";

无论哪种方式，都要做同样的事情。

Answer 3

使用

font-family: "Patua One";

在两个地方并确保它在字体查看器上打开字体文件时应该是字体内提到的相同名称，如果它不相同，有时它在IE中不起作用。