我下载了一个网络字体，但它只能在括号中使用

Question

所以我下载了一个字体（我是合法购买的）而且字体看起来非常好。但它只显示在括号中的实时预览中。当我在 chrome 中打开它时，它只是拒绝工作。购买时，我遵循了字体上的所有说明。谁能帮帮我？

这是我想要的括号字体显示图片：

这与我在 Google Chrome 中打开 index.html 文件时的代码完全相同。

这是我用来获取 CSS

中字体的代码

@font-face{
   font-family:"Ethnocentric W05 Italic";
   src:url("/fonts/MTI-WebFonts-367222846/Fonts/5118942/e91f32ff-44ec-47c0-afd3-5cdeeb6c73c8.woff2") 
   format("woff2");
}

这是我用来放在页眉中的内容

font-family: "Ethnocentric W05 Italic";

Answer 1

如果您使用@font-face 声明自定义字体，浏览器会在找不到时尝试伪造粗体和斜体样式。

无需为每种字体定义单独的字体系列值，您可以为每种字体使用相同的字体系列名称，并定义匹配的样式，如下所示：

[css]@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-R-webfont.eot');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-I-webfont.eot');
font-weight: normal;
font-style: italic;
}

@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-B-webfont.eot');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-BI-webfont.eot');
font-weight: bold;
font-style: italic;
}

.test {
font-family: Ubuntu, arial, sans-serif;
}[/css]

然后您需要做的就是将单个字体系列应用于您的目标，任何嵌套的粗体或斜体样式都会自动使用正确的字体，并且如果您的自定义字体无法加载，仍然会应用粗体和斜体样式.

我下载了一个网络字体，但它只能在括号中使用

I downloaded a webfont but it only works in brackets

css

fonts

adobe-brackets