@font-face在文件夹中找不到字体

Question

@font-face在文件夹中找不到字体

3

我正在尝试让@font-face在子域名(public_html/evansopen文件夹内)中运作。我已经有网站http://coryfitzpatrick.com/evansopen/在运行。我想把fontsquirrel文件放在evansopen/fonts文件夹中，但当我没有把它们放在styles.css和index.php(即public_html/evansopen文件夹)相同的位置时，它们无法加载。目前这种方式运行良好，但我喜欢保持我的文件结构整洁。我可以像这样从/evansopen/images/putting_green_footer.gif文件夹加载图片，没有问题。

#footer {
    background-image: url(images/putting_green_footer.gif); background-repeat: repeat;
}

为什么我无法将@font-face指向evansopen/fonts/？

@font-face {
    font-family: 'nexa_lightregular';
        src: url('fonts/nexa_light-webfont.eot');
        src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'), 
             url('fonts/nexa_light-webfont.woff') format('woff'),
             url('fonts/nexa_light-webfont.ttf') format('truetype'),
             url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

我已经进行了相当多的研究。如果这是一个重复的帖子，我很抱歉。

- Fitzmx6

如果您的字体文件夹不在与CSS文件相同的文件夹中，则此方法将无法正常工作。我猜测您的字体文件夹与主www文件夹分开，因此请尝试使用/fonts/nexa_light-webfont.eot而不是fonts/nexa_light-webfont.eot。 - Poodimizer

字体文件夹与style.css文件位于同一位置。路径为：public_html/evansopen/styles.css和public_html/evansopen/fonts/nexa_light-webfont.eot。 - Fitzmx6

好的，我建议您尝试将字体文件的完整路径放入其中，例如http://coryfitzpatrick.com/evansopen/fonts/nexa_light-webfont.eot，同时我认为您不需要在font-family中使用引号: 'nexa_lightregular'，请尝试使用font-family: nexa_lightregular; - Poodimizer

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- l2aelba · Accepted Answer

使用fontface的示例 示例代码

你的CSS文件（domain.com/path/custom-font.css）

font-family: 'nexa_lightregular';
      src: url('fonts/nexa_light-webfont.eot');
      src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'), 
           url('fonts/nexa_light-webfont.woff') format('woff'),
           url('fonts/nexa_light-webfont.ttf') format('truetype'),
           url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
font-weight: normal;
font-style: normal;

您的字体文件需要上传到

domain.com/path/fonts/nexa_light-webfont.ttf

例如：

PS：这是关于您的css文件在哪里的问题，因此请在与CSS文件相同的路径中创建一个/fonts/文件夹。

例如：domain.com/mycss.css -> domain.com/fonts/myfont.ttf