CSS中的字形错误

Question

我在网页上显示字形时遇到问题。它看起来像一个矩形块，但不是预期的“搜索图标”。这是我的代码：

.icon-search:before {
    content: "\e602";
 }

我尝试在多个浏览器上查看我的网页，但只有Chrome正确显示，而不是Firefox或Opera。

Answer 1

我在Chrome和Firefox上都尝试过这种方法，并且您尝试调用的符号在许多字体类型中都不存在。经过研究，我只能看到你正在复制TheSassWay的代码。

TheSassWay的CSS： https://github.com/thesassway/thesassway.com/blob/master/source/stylesheets/partials/_icons.scss

您没有看到此符号，因为您没有将字体绑定到它，因此它只显示在一个矩形中。

如果您想下载图标所需的字体包，请访问他们的GitHub页面：https://github.com/thesassway/thesassway.com/tree/master/source/fonts

但是，我对此版权的研究很少，所以你可能想要做更多的事情，如果你不允许使用他们的图标，为什么不考虑jQueryUI：

jQuery UI
从UI中抓取图标简单易用，您只需从span标记中调用它：

<span class="ui.search-icon"></span>

jQueryUI图标列表： http://api.jqueryui.com/theming/icons/
jQueryUI CSS的CDN： http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css