css - 为什么我的字体在本地主机上可以工作，但传输到服务器时却不行

Question

我下载了 .ttf 自定义字体。它在我的本地主机上运行良好(仅在 chrome 上)。但是，当我将它转移到另一台服务器并从那里运行网站时，它没有。

以下是我的字体 CSS:

@font-face {
    font-family: 'GANG BANG CRIME';
    src: url('../fonts/GANG BANG CRIME.ttf') format("truetype"), 
    font-weight: normal;
    font-style: normal;
}

body  
{

    width:              1000px;
    color:              #4149e1;
    margin:             auto;
    font-family:        Gang Bang Crime, Calibri, Helvetica/*for Mac*/, Verdana, Arial, sans-sarif;/*if can't find font, everything after first font is alternate font*/
    background-color:#1A1A1A;

}

Answer 1

您是否也将 ttf 从本地主机上传到另一台服务器？ 如果另一台服务器是 Unix/Linux，它会关心文件路径中的空格。通过反斜杠转义 ttf 文件名中的空格。