2

我只是在浏览 github.com 页面的源代码，我看到他们使用一些代码来添加到剪贴板按钮图标

.octicon-clippy:before {
      content: '\f035';
}

这如何创建一个没有图像路径的图标？

4

2 回答 2

1

f035是一个转义序列，并呈现为单个字符。我的猜测是他们使用图标字体技术。

于 2015-03-16T12:28:23.143 回答
1

我不确定您是否熟悉 font-awesome，但它也使用 unicode 字符来创建图标。看看这个。

在你保存了很棒的字体样式表之后......等等。在您的项目中，您可以插入一个简单的图像图标：

<i class="fa fa-camera-retro"></i>

编辑

您提到了一个剪贴板图标，这就是使用 font-awesome 的简单程度：

<i class="fa fa-clipboard"></i>

资源

于 2015-03-16T12:43:57.537 回答