css - 如何使用 Google Material Icon 设置 CSS 内容属性？

Question

如何在以下 CSS 内容属性中插入 Google Material Icon“人字形图标右”(https://design.google.com/icons/#ic_chevron_right):

.bullet li a:before {
    content: "";
}

Answer 1

2018 年更新

Google 删除了之前为 IE9 及以下版本显示的代码。要获取代码，请访问 GitHub 存储库中的代码点文件。

链接到 GitHub 存储库中的代码点:https://github.com/google/material-design-icons/blob/master/font/MaterialIcons-Regular.codepoints

---

第 1 步:包含 Material 图标样式表。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

第 2 步:

CSS 代码:

.bullet li a:before {
    font-family: "Material Icons";
    content: "\e5cc";
}

解释:值e5cc是您看到的人字形代码。