Google字体和跨浏览器Unicode

Question

我正在我的一个项目中使用谷歌字体（ Source Sans Pro ）。 ::after我显示箭头::after ，我有一个班级在悬停::after 问题是除了Safari，Chrome和Firefox都显示不同的符号。 我的意思是它是箭头但是在两个浏览器（Chrome和Firefox）中没有使用默认的谷歌字体来呈现Unicode (2192) 。

请参阅下图以了解该问题。 有没有办法让它们在浏览器中看起来与Safari中出现的一样？

Answer 1

---

更新21-04-2017

---

因为仅仅为一个箭头包含整个库有点过分。 我用更好的解决方案更新我的芒果。

使用某些application如https://icomoon.io/app/#/select/）自行生成font-icon

搜索disired font-icon （s）并下载生成的font 。 只需将font复制并粘贴到您的主机上即可。

如果你想保持一个干净的结构或干净的css文件。 您还可以将style.css的内容复制到所需的css文件中。

---

原始的awnser

---

那么使用字体图标呢？ 喜欢Font Awesome的东西。 如果是这样，你必须这样做。

在标题中包含Font Awesome。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

比这样为:: after元素制作CSS。

.class:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}

.class:hover:after {
    content: "\f178";
}

有关使用Font Awesome的详细信息，请访问： http ： //fortawesome.github.io/Font-Awesome/

https://jsfiddle.net/bgamsayq/