Question

在过去的两天里，我对此事进行了非常繁重的研究。问题是我的网站无法识别我通过CSS提供的自定义图标字体。

以下是详细问题： 基本上，我已经按照这里的教程：http://tympanus.net/Blueprints/ResponsiveIconGrid/并在我的网站上成功实现了它。功能，风格 - 一切都在检查。除了代替图标，我看到矩形/正方形。我已经尝试过另外两种图标字体。

我的CSS和HTML 对于datailed / full CSS代码，请访问此处的pastebin：http://pastebin.com/94UgpN8B并在此处访问hxxp：//pastebin.com/c7w1LEBf

我的代码简短 使用@ font-face

添加字体

@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中调用via。请参考上面的完整文件来查看处理内容的CSS。它似乎对我很好。

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

我做了什么：

我在控制台中没有收到有关资产的任何404错误。
我也尝试分别定义图标样式，以便消除不正确继承类属性的可能性（查看pastebin CSS）
我试过像我这样添加我的font-family：font-family：'anyoldicon'，Calibri，Arial，sans-serif;？
我的文件夹结构基本上是在网站目录的根目录中有一个名为assets的文件夹，在该文件夹中是我的所有css文件和字体文件。我知道，不是很干净，但我仍在测试网站。还有其他文件夹，如CSS和图像，但主要存在Muse文件，与特定问题无关。我的html文件也在根目录中。
我尝试将路径更改为不同的文件夹，然后放置../ infront。链接到字体的方式与我链接到其他文档的方式相同，这似乎工作正常。
每次尝试之间都清除了
路径正确关联

更多信息 我正在使用MUSE编译网站，如果有任何已知的图标字体问题。但是，广泛的谷歌搜索没有给我任何帮助。

最后... 最后，如果您能提供一些见解，或者就解决此问题的方法提出您的意见，我将非常感激。

非常感谢你的时间。

识别自定义图标字体？

0 个答案: