Как я могу предотвратить исчезновение этого ndash при небольших размерах шрифта?

Question

У меня есть символ –, который становится невидимым, когда текст отображается при меньшем размере шрифта (применимое правило размера шрифта - 14 пикселей, при котором оно невидимо, если я увеличиваю уровень на одном уровне в Firefox, он становится видимым.) Я видел это поведение только в Firefox на Windows. С Firefox в Linux я вижу персонажа всех размеров. Я считаю, что происходит то, что при меньших размерах тире разрешено отображать линию нулевой ширины. Итак, вопрос в том, как я могу это исправить? Вот что я могу думать -

• Пробуйте тир характер и надеяться на лучшие
• обернуть тир в пролете и заставить его быть больше - кажется неуклюжим
• может быть, мое определение шрифта сломано - это встроенный Открытый Sans

любой другой подход, с которым я не обращаю внимания?

Answer 1

Не используйте любого из унаследованных 90-основных шрифтов Microsoft в Windows (Arial, Verdana и т.д.). У них очень агрессивные намеки, направленные на предотвращение «жирных» или «размытых» стеблей любой ценой, что приводит к тому, что некоторые из этих стеблей исчезают при небольших размерах. Переносимость пиксельного вида, к которому привыкли пользователи Windows, была единственной вещью, о которой Microsoft заботилась в то время (есть встроенные обходные пути в стеке рендеринга Microsoft, чтобы скрыть ошибки этих шрифтов, но они не существуют в сторонних приложениях).

Answer 2

Вы пробовали другую семью шрифтов, чтобы увидеть, показывает ли она ту же проблему?

Answer 3

Это проблема шрифтов, а не поддержка браузера. Попробуйте использовать другой шрифт, например «Times New Roman» для проверки.

В случае небольших значков наиболее надежным решением является использование правила CSS @ font-face, чтобы попросить браузер загрузить определенный шрифт. Тогда вы точно знаете, что у пользователя установлен соответствующий шрифт. Есть даже некоторые шрифты, разработанные специально для этого использования, с добавлением дополнительных значков: «Шрифт Awesome» - хорошо известный пример.

Пожалуйста, смотрите здесь для получения дополнительной информации: Does every browser support all unicode?