FONT令人敬畏的快捷方式

Font Awesome Shortcut(FONT令人敬畏的快捷方式)

问题描述

我在我的Web项目中使用AweseFont。有没有快捷方式可以找到一大堆图标呢？例如，我有circle-thin图标。现在在页面上，我想把三个图标放在一起，这样结果就是OOO，但我不想在代码中放3倍的<i class="fa fa-circle-thin"></i>。那么，我可以以某种方式创建css快捷方式吗？当我写它时，会出现3个圆圈？

示例：

.circle-three {
<i class="fa fa-circle-thin"></i>
<i class="fa fa-circle-thin"></i>
<i class="fa fa-circle-thin"></i>
}

然后，在第页上，我将只使用.circle_three类，而不是为Circle键入三次代码。

推荐答案

如果您选中字体附带的CSS file，您会发现以下规则：

.fa-circle-thin:before {
  content: "f1db";
}

因此，您可以制定类似的规则来实现您想要的：

.fa-circle-three:before {
  content: "f1db f1db f1db";
}

Check this pen for an working example.

这篇关于FONT令人敬畏的快捷方式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！