html - 自定义字体显示在教程站点，但不是我的？

Question

我花了很多时间寻找可能的原因，从浏览器设置到 unicode 范围。

基本上，我已经按照这里的教程进行操作:http://tympanus.net/Blueprints/ResponsiveIconGrid/ 我在我的网站上成功实现了它。功能、风格——一切都在检查中。除了在图标的位置，我看到了矩形/正方形，这至少可以说是令人沮丧的。

我使用完全相同的浏览器查看这两个网站，我可以很好地看到 codrops 上的图标。你们有什么可能是问题的提示吗？

这是添加字体的 CSS，它似乎处于检查状态:

@font-face {
    font-family: 'anyoldicon';
    src:url('assets/anyoldicon.eot');
    src:url('assets/anyoldicon.eot?#iefix') format('embedded-opentype'),
        url('assets/anyoldicon.woff') format('woff'),
        url('assets/anyoldicon.ttf') format('truetype'),
        url('assets/anyoldicon.svg#anyoldicon') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FFFF;
}

这是我的 HTML:

<li>
    <a href="#">
        <span class="cbp-ig-icon cbp-ig-icon-whippy"></span>
        <h3 class="cbp-ig-title">George</h3>
        <span class="cbp-ig-category">Smith</span>
    </a>
</li>

还有什么我可能遗漏的吗？老实说，我不想显示 URL，因为它不会教给您更多信息。它与描述的一样 - 相同的布局，但在一个网站上可见而在另一个网站上损坏。

这里还有对应于图标和网格动画的完整 CSS:http://pastebin.com/94UgpN8B我还应该提到这个图标字体是由 IcoMoon 生成的，如果有帮助的话。

我正在使用 Muse 来编译网站，老实说，其他元素的图标也没有用。会不会是那里的东西？

我没有在控制台中收到任何关于 Assets 的 404 错误。

我还尝试单独定义图标样式，以消除错误继承类属性的可能性(查看 pastebin CSS)，但这也不起作用。

编辑 这是另一个 .CSS 文件，它对应于此“插件”功能的另一部分。除了非常标准的 morenizr.js 之外，它是唯一与此相关的文件

hxxp://pastebin.com/c7w1LEBf

Answer 1

你的文件夹结构是什么？

您的 css 文件放在哪里，是否在单独的文件夹中？ 如果字体在“assets/”中，而 css 在“assets/css”中，则需要将路径更改为
src:url('../assets/anyoldicon.eot');
注意路径前面的“../”