如何在css伪元素（：：before）中使用Material.io略图图标？

我试图使用：：before将图标添加到按钮，但它只显示填充的图标

没有关于如何设置图标的指南

这是我的代码：

.view-site:before{
    content: "\E8F4";
    font-family: 'Material Icons';
}

---

如何显示轮廓图标？

我相信您在CSS规则之前错过了点。以下是固定的解决方案：

。查看站点：之前{
内容：“\E8F4”；
字体系列：“材质图标”；
}

---

几周前，谷歌声称新的主题功能已经推出，但显然没有关于如何使用轮廓分明、锐利、圆形和双色调图标的线索

我相信我们得到的唯一参考是：

---

我可以将大纲图标用作HTML标记。我希望将它用作伪类（：：before）。缺少的点是一个打字错误。我可以显示图标，但它没有轮廓。你的答案就是我正在做的，除了查看站点是一个div而不是一个i元素。