CSS 图片内容：'\f035';

Question

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

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

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

Answer 1

f035 是一个 escape sequence and is rendered as a single character. My guess is they use icon font technique.

Answer 2

我不确定你是否熟悉 font-awesome，但它也使用 unicode 字符来创建图标。 Check this out.

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

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

编辑

您提到了剪贴板图标，这就是 font-awesome 的简单之处：

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

CSS image content: '\f035';