0

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

我正在为朋友开发一个网站，这是我的 goDaddy acc 上托管的网站：

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

这是在我的朋友身上：

http://www.rowanmoore.org/

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

我从字体松鼠下载了字体，并使用@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%;
}

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

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

这可能是 goDaddy 的问题吗？

4

2 回答 2

1

我建议您使用一些 web 生成器来生成具有不同字体格式的 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 的问题

于 2013-11-07T13:20:02.337 回答
1

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

文件需要类似的东西644才能从外部网络访问字体（最后 4 => 公共读取访问权限）。您可以chmod在控制台上使用或更改 ftp 客户端中的权限。

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

于 2013-11-07T13:44:23.377 回答