Css 为什么我的字体在本地主机上工作,但在传输到服务器时却不能';T
我下载了一个.ttf自定义字体。它在我的本地主机上非常有效(仅在chrome上)。然而,当我将它传输到另一台服务器并从那里运行站点时,它不会 以下是我的字体css:Css 为什么我的字体在本地主机上工作,但在传输到服务器时却不能';T,css,font-face,Css,Font Face,我下载了一个.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; }
@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;
}
您是否也从本地主机将ttf上载到另一台服务器上?
如果另一台服务器是Unix/Linux,它会关心文件路径中的空格。用反斜杠转义ttf文件名中的空格。服务器在提供文件时是否发送正确的MIME类型?@Tomalak我不确定。我是网络开发新手。如何检查?打开浏览器控制台(F12),切换到“网络”选项卡,重新加载页面。查看字体文件的响应标题。他们会在您的机器上显示状态200和特定的内容类型值。与你从服务器上得到的相比。帮派犯罪,多好的名字~想象力丰富:D“反斜杠”是不正确的。URL中的空格必须使用
%20
转义,但浏览器通常会自行转义<代码>url('../fonts/GANG-BANG-CRIME.ttf')将发送请求http://foo.com/fonts/GANG%20BANG%20CRIME.ttf
发送到服务器。然而,一个有效的观点是,Unix/Linux服务器具有区分大小写的文件名。这可能与主题无关……但您能否提供我不使用Unix/Linux服务器的情况?JeffOrris check-sensitive,@Tomalak告诉我们。在您的字体样式中,字体名称不全是大写。@JeffOrris是的,这是离题的。如果属于“自鸣得意的最爱操作系统火焰诱饵”类别,与手头的问题无关。@Tomalak@wataru谢谢你们两位……你们正式成为了%20MAN;)