无法加载字体文件,404错误

时间:2016-09-16 11:11:30

标签: css svg http-status-code-404 font-face webfonts

我在项目中使用两个字体图标。 Font Awesome和自定义SVG字体。所有字体文件都在同一个文件夹中。这是文件结构:

-assets
    -css
        -font-awesome.min.css
        -themefy.css
    -fonts
        -font-awesome.eot
        -font-awesome.svg
        -font-awesome.ttf
        -font-awesome.woff
        -font-awesome.woff2
        -font-awesomed41d.eot
        -themify.eot
        -themify.svg
        -themify.ttf
        -themify.woff
        -themifyd41d.eot

这两种字体在localhost中都运行良好,但themify字体在部署后无法正常工作。它在chrome控制台中返回404 not found。我对它进行了大量研究2/3天仍然无法弄清问题是什么。这是我的明智@ font-face:

themify.css

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

如果你想看到它:http://smartrahat.com/

2 个答案:

答案 0 :(得分:2)

请从字体中删除后缀(?-fvbane)CSS可能会导致404。

答案 1 :(得分:0)

将下面的代码添加到Web.config文件中。

$limit = 500; // int | Number of documents per page
$offset = 0; // int | Index of the first document of the page


try {
    $result = $apiInstance->getContactsFromList($listId, $modifiedSince, $limit, $offset);
    print_r($result);
} catch (Exception $e) {
    echo 'Exception when calling ContactsApi->getContactsFromList: ', $e->getMessage(), PHP_EOL;
}