0

问题是我的网站无法识别我通过 css 提供的自定义图标字体。

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

我的 CSS 和 HTML 有关详细/完整的 CSS 代码，请访问此处的 pastebin：http: //pastebin.com/94UgpN8B和此处的http://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;
}

<span>并在 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>
</li>

我试过的：

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

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

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

4

0 回答 0