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;
}

我对此进行了相当多的研究。如果这是一个多余的帖子，我很抱歉。

4

1 回答 1

5

使用示例 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文件在哪里，所以/fonts/在相同的 CSS 文件路径中创建一个文件夹。

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

于 2013-04-04T19:59:26.547 回答