字体图标连字

Question

我用 fontello 设置了我的字体图标。目前它的工作原理是这样的：

<div class="icons_class home" ng-click="toHome()"></div>

对应类的CSS为：

.icons_class {
   font-family: 'myFont';
   ...
   ...
}
.home:before {
   content: '/e822';
}

但我想这样使用：

<div class="icons_class" ng-click="toHome()">home</div>

喜欢素材图标。

有可能吗？我必须为此目的使用连字吗？

Answer 1

我做到了。

我必须使用 icomoon.io 而不是 fontello.com，它有一个特定的连字功能：

连字

要启用/禁用连字，请按应用程序字体选项卡中的 fi 按钮。通过启用连字，您将能够为每个字形分配单词/标签。 （使用逗号为每个字形分配多个单词。）

如果您使用字体的平台支持连字，则键入您分配给每个字形的单词会调出该字形。 IE 9 和更早版本不支持连字，但 IcoMoon 应用程序为您提供了一个 javascript polyfill。 IE 10 和其他现代浏览器支持连字。