字体图标连字

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和其他现代浏览器支持连字。