这相当于显示国家/地区图标的 FontAwesome 是什么?

Question

在这个网站上：https://www.lemanegeabijoux.com

在顶部，我们可以看到一个法国的图标，它似乎是像FontAwesome这样的字体图标，但我找不到它是什么。

我看到字体家族"mab"，但在谷歌上找不到任何东西......有什么想法吗？

Answer 1

以下是他们如何做到这一点的要点：

@font-face {
font-family: 'mab';
src: url("fonts/mab.eot?pihty9");
src: url("fonts/mab.eot?pihty9#iefix") format("embedded-opentype"), url("fonts/mab.ttf?pihty9") format("truetype"), url("fonts/mab.woff?pihty9") format("woff"), url("fonts/mab.svg?pihty9#mab") format("svg");
}
[class^="ico-"], [class*=" ico-"] {
font-family: 'mab' !important;
}
.ico-france:before {
content: "2b1f";
}

<i class="ico-france"></i>

它在这里不起作用(你会得到一个五边形(，因为这个网站没有该 URL 上可用的mab字体。

鉴于字体被称为mab，并且该网站是"leManègeàBijoux"，我将使用"这是他们自己制作的自定义内部字体"。但是，如果需要，这仍然应该足以让您自己重现效果。