Я хотел бы создать визуально привлекательный диалог выбора, который показывает FontAwesome-Icons и слово, описывающее символ для выбора из различных шкал для статистических данных.
Поэтому я использую FontAwesome-Fonts для тега select
и глифы unicode для различных символов. Первая часть работает хорошо. Но слова, которые я использую, также используются в FonAwesome для формирования лигатур, которые также можно использовать для получения значков (я думал, что это ограничивается desktop, но, как показывает мой пример, это также происходит в Интернете). На сайте FA указано, что им «... неудобно рассматривать лигатуры для веб-шрифтов + CSS».
Пожалуйста, проверьте мою скрипку здесь или скриншот:
Итак, мои вопросы:
если это не должно происходить с веб-шрифтами / CSS - есть ли что-то, что я делаю неправильно, используя их? (Конечно, на моей машине установлены настольные шрифты, я думаю, мы не узнаем, будут ли они у пользователей веб-сайта или нет)
Можно ли как-то избежать действия лигатур внутри тега
option
? (как вы видите в примере, я уже используюfont-variant-ligatures: none;
в CSS)