字体图标连字功能

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> 像素材图标一样。

是否可能？我必须使用连字号来实现这个目的吗？

- 3vi

Answer 1

我做到了。

与fontello.com不同，我必须使用icomoon.io，那里有一个特定的连字功能：

连字

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

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

- 3vi