#html #css #fonts #icons #ligature
Вопрос:
Это тенденция использовать шрифтовые лигатуры в шрифтах значков. Имена значков хранятся в файлах шрифтов в виде лигатур.
Преимущество в том, что вам не нужно создавать классы css для каждой иконки, а html-код короче.
Так что вы можете писать
<i class="icon">arrow-left</i>
вместо
<i class="fa fa-arrow-left"></i>
Какая версия обоих имеет лучшую производительность браузера?
(в 1-м примере файл CSS не содержит дополнительных классов, во 2-м примере шрифт не имеет лигатур).
Вероятно, лучшая производительность, чем у обоих, была бы такой:
<i class="icon">amp;#61023;</i>
нет классов значков нет лигатур, но тогда коды символов не должны меняться, когда в шрифт добавляется больше значков, и вы должны знать все коды символов. Вы также можете вставить символ напрямую, но редакторы, вероятно, не будут его отображать.