Question

我将ttf字体文件放在服务器上并在CSS中使用以下代码

@font-face {  
   font-family: "fontname";  
   src: url("http://www.mywebsite.com/Fonts/fontname.ttf");
}

body {
  font-family: "fontname", sans-serif;
}

在我写的本地HTML文件中：

<!doctype html>
<html>
    <head>
        <title>title</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="cssfile.css">
    </head>
    <body>
        body
    </body>
</html>

我在服务器上尝试了不同的ttf文件但没有一个工作。但是，如果我将字体放在与其显示的计算机上的HTML文件相同的目录中。有谁知道为什么？感谢。

Answer 1

浏览器中是否有控制台错误？可能存在跨站脚本问题。

这是一篇关于跨域字体的文章，如果有的话，应该更详细地解释一下。基本上，您的Web服务器需要将此标头添加到字体响应中：

Access-Control-Allow-Origin: *

http://davidwalsh.name/cdn-fonts

服务器上的字体不显示在本地HTML文件中

1 个答案: