Google chrome @字体不适用于chrome

我使用的是谷歌chrome的最新版本，它根本不会呈现字体

我运行的是DebianLinux，所有其他浏览器，包括Chromium，都能正确显示包含的字体

我使用的字体声明是：

@font-face {
    font-family: Dejaweb;
    src: url('DejaWeb.ttf');
}

@font-face {
    font-weight: bold;
    font-family: Dejaweb;
    src: url('DejaWeb-Bold.ttf');
}

试试这个

   src:url('DejaWeb-Bold.ttf') format('truetype'), 

此外，如果字体有其他不同的格式，那么我建议用以下方式兼容编写所有跨浏览器的字体

    @font-face {
     font-family: "Dejaweb";
     src: url("DejaWeb-Bol.eot") format('embedded-opentype'), /* EDIT correction on this line */
     url('DejaWeb-Bol.woff') format('woff'), /* Modern Browsers */
     url('DejaWeb-Bol.ttf') format('truetype'), /* Safari, Android, iOS */
     url('DejaWeb-Bol.svg#Dejaweb') format('svg'); /* Legacy iOS; correction on this line */
     font-weight:bold;
    font-style:normal;
  }

---

如果您将字体文件放在名为“fonts”的文件夹中，将CSS文件放在名为“style”的文件夹中，那么您应该这样编写url

@font-face {
 font-weight: bold;
 font-family: Dejaweb;
 src: url('../fonts/DejaWeb-Bold.ttf'); }

---

我刚刚纠正了同样的错误，就像这样。

每当@font-face在本应兼容的浏览器中莫名其妙地不适用于我时，我会将其放入.htaccess文件中。假定某些浏览器不会加载托管在其他域上的字体，这段代码可以解决这一问题，但有时这是强制加载托管在同一域上的字体的唯一补救方法。一般来说，Firefox的问题比Chrome更严重，但我刚刚用它在Firefox正常工作时强制使用Chrome字体。算了吧

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

标题集访问控制允许原点“*”

另一件我在@font-face语法中遇到的莫名其妙的奇怪事情是，它无法正确加载名称中带有大写字母的字体文件。这只是一次问题，在反复用各种不同的方法将我的头撞在桌子上排除@font-face故障后，作为最后的手段，我将所有字体文件和字体家族名称更改为小写字符，效果很好（我认为这在一向挑剔的IE中是一个问题，我只做了一个网站，另一个网站上完全相同的语法可以处理大小写字符）

---

添加具有正常输入值的字体大小和字体样式对我很有效。

您尝试过使用引号吗？'Dejaweb'现在就尝试，没有骰子：（尝试src:url（'Dejaweb.ttf'）格式（'truetype'）；和src:url（'Dejaweb-Bold.ttf'）格式（'truetype'））；使用生成您的字体，它将为您提供所有现成的内容，您只需将其放置在正确的位置。或者它可能只是一个损坏的字体。我有一些免费网站提供了错误的字体。它在Firefox上运行良好。我必须按照您的建议添加“src:”关键字，以使其在Chrome上工作。谢谢

@font-face {    
font-family: 'FONT-NAME';
src: url('RELATIVE-FONT-URL') format('FONT-FORMAT');
}

div {
    font-family: 'FONT-NAME';
    font-weight: normal;
    font-style: normal;
}