Question

我使用的是最新版本的Chrome，它不会向我显示字体，而在其他浏览器中则显示。在尝试修复之前已经尝试了几件事，但没有成功。

代码：

@font-face {
font-family: 'nexa_boldregular';
src: url('../fonts/nb-webfont.eot');
src: url('../fonts/nb-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/nb-webfont.woff2') format('woff2'),
     url('../fonts/nb-webfont.woff') format('woff'),
     url('../fonts/nb-webfont.ttf') format('truetype'),
     url('../    fonts/nb-webfont.svg#nexa_boldregular') format('svg');
font-weight: normal;
font-style: normal;

}

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

}

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

}

声明：

.menu {

height: 110px;
background-color: #FFFFFF;
font-family: "nexa_boldregular";
 }

Answer 1

在.htaccess文件中添加此代码段

<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

尝试为每个@ font-face参考指定font-weight和font-style

尝试使用＆＃34;＆＃34;而不是＆＃39;＆＃39;用于网址和格式

您之后是否在CSS中正确引用了font-family？

你的css文件顶部是否有你的font-face？

禁用DirectWrite：在地址栏中键入chrome：// flags /，找到标有＆＃39; Disable DirectWrite＆＃39;的选项。如果这确实解决了问题，您应该记录文本呈现示例的错误，以便修复它。

@ font-face不在chrome中工作

1 个答案: