Что это эквивалентно FontAwesome для отображения значка страны? - PullRequest
Новая
       13

Что это эквивалентно FontAwesome для отображения значка страны?

0 голосов
/ 13 января 2020

На этом веб-сайте: https://www.lemanegeabijoux.com

Вверху мы видим значок Франции, кажется, что это значок шрифта, как FontAwesome, но я не могу найти что это.

Я вижу семейство шрифтов "mab", но в Google ничего не найдено ... Есть идеи?

1 Ответ

1 голос
/ 13 января 2020

Вот суть того, как они это делают: 

@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>

Здесь не сработает (вместо этого вы получите пятиугольник), так как на этом сайте нет шрифта mab, доступного по этому URL .

Учитывая, что шрифт называется mab, и этот сайт "le M anège а B ijoux", я перейдем к go с "это собственный шрифт, который они сделали сами". Однако этой информации должно быть достаточно для того, чтобы вы сами воспроизвели эффект, если хотите.

...