Крошечные (нечитаемые) апострофы и двойные кавычки на некоторых веб-страницах

Question

Я использую последний Firefox (Quantum 61.0) на дисплее 4K во FreeBSD. Некоторые веб-страницы отображаются неправильно, в частности, существует проблема с апострофами и двойными кавычками, которые настолько малы, что их невозможно прочитать. Одна страница, на которой это происходит, - это страница Европейского Союза .

Ищите «Парламент». Это скриншот, как он отображается в Firefox.

Увеличено с помощью xmag:

Если бы мне пришлось угадывать, похоже, что обычный шрифт отображается с высотой 36 пикселей, в то время как апостроф имеет высоту около 12 пикселей, но использует ту же базовую линию.

Я использую некоторые нестандартные значения в about:config, чтобы текст читался на дисплее 4K, в частности layout.css.devPixelsPerPx: 2.0 (по умолчанию: 1.0) и layout.css.dpi: 150; (по умолчанию: -1).

Кто-нибудь может воспроизвести это? Как правильно сделать апострофы и цитаты?

РЕДАКТИРОВАТЬ Апостроф корректно отображается, когда я увеличиваю размер шрифта (с помощью FF Ctrl-+) до 140% или выше. При этих размерах шрифт также сглаживается, а не растеризуется, как показано на этом крупном плане xmag:

Answer 1

Согласно вашим выводам, проблема заключается в шрифте Helvetica.

Firefox не различает варианты Helvetica и почти случайным образом выбирает вариант, который соответствует спецификациям. Например, я слышал о таких проблемах, когда шрифт Helvetica Neue установлен и "захватывает" дисплей.

Вы можете найти некоторые варианты шрифтов Helvetica, которые вы никогда не используете, и удалить их.

Другое решение может заключаться в принудительной замене Helvetica на Arial следующим образом.

• Перейдите в каталог вашего профиля Firefox

• Создайте каталог с именем chrome и текстовый файл внутри этого каталога с именем userContent.css и добавьте в файл следующую строку:

  @font-face { font-family: 'helvetica'; src: local('Arial'); }
  

  Если у вас есть другие установленные варианты helvetica, добавьте такие строки для каждого, например:

  @font-face { font-family: 'helvetica neue'; src: local('Arial'); } 
  

• Перезапустите Firefox.

---

Я обращаю внимание на дополнение Firefox, которое сыграло важную роль в анализе проблемы:Font Finder (возрожден).

«Font Finder (revived)» - это реализация XUL "FontFinder" WebExtension. Это расширение создано для дизайнеров, разработчиков и типографов. Это позволяет пользователю анализировать информацию о шрифте любого элемента на странице, копировать любые фрагменты этой информации в буфер обмена.