Question

我希望我能在正确的地方提出这个问题，

我在网站上为朋友工作，这是我在goDaddy acc上托管的网站：

http://www.andkensol.com/rowanWeb/

这是在我的朋友们身上：

http://www.rowanmoore.org/

您可以看到标题字体的明显差异。如果你检查它们，你会发现它们都在使用CODE。我亲自上传了所有文件，文件结构，布局，文件路径都是相同的，但我的朋友网站上的字体不会呈现。

我从font squirrel下载了字体，我正在使用@font face在两个站点中实现它。

CSS

@font-face {
    font-family: CODE;
    src: url('font/CODE Light.otf');
}

#nameTitle{
    font-size:60px;
    font-family:CODE;
    color:white;
    font-weight:400;
    margin-bottom:-3%;
}

'font folder'与样式表位于同一文件夹中，而CODE Light.otf位于字体文件夹中。

我已经从我的朋友服务器上删除了该网站，从我的网站上下载，然后将其上传给我的朋友，但仍然没有运气。

这可能是goDaddy结束时的问题吗？

Answer 1

我建议您使用一些webgenerator生成具有不同格式字体的css文件。我认为你的问题是错误的@ font-face。

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

}

Diffrenet浏览器需要其他格式来渲染和打开字体。

我主要使用那三个webfont生成器 http://onlinefontconverter.com/

http://www.fontsquirrel.com/tools/webfont-generator

http://convertfonts.com/

但还有更多，请输入谷歌叔叔“字体生成器”

编辑：我认为您的字体/ CODE Light.otf中的空格是尝试使用的问题，例如像这样的字体/ CODE_Light.otf

Answer 2

我想这是你的文件夹/文件的访问权限问题。

像644这样的东西对于文件能够从外部网络访问字体（最后4 =＆gt;公共读取访问）是必要的。您可以在控制台上使用chmod或更改ftp-client中的权限。

此外，您应支持超过otf，否则您很可能会锁定大量的Internet Explorer用户。

字体无法正确渲染/ font-face无法正常工作？

2 个答案: