Question

我正在尝试在我的网站上使用我自己的图标而不是图像，但是当我从Fontastic或Iconmoon加载图标时，它在chrome或safari中都不起作用，我是否需要引导程序或者我的错误码？

这是来自Fontastic的CSS

@font-face {
  font-family: "untitled-font-1";
  src:url("untitled-font-1.eot");
  src:url("untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("untitled-font-1.woff") format("woff"),
    url("untitled-font-1.ttf") format("truetype"),
    url("untitled-font-1.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;
}

以及我如何调用图标

<i class="icon-closeicon"></i>

Answer 1

添加自定义图标字体（例如来自icomoon的内容）时，您必须做一些事情。

使用@font-face
确保您要导入必要的css规则（ ex。 .icon-location:before {content: "\e947";}）
确保您的元素具有正确的font-family值（刚加载的图标字体）
确保您的元素具有正确的.class名称（您要调用的图标的名称）

我怀疑你错过了其中一个步骤（特别是考虑到你没有链接你问题中的代码）。

Here is an example fiddle of how a complete import of an icon font should look.

是否有一个引导来显示来自Fontastic的图标？/字体图标显示为空格

1 个答案: