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

343
Jens

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

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

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

enter image description here

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

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

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

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

enter image description here

3
Используйте ctrl и (+ -) для настройки размера шрифта в Firefox и проверьте, какой шрифт основного дисплея использует Firefox. Я могу научить тебя сосать яйца здесь :) JohnnyVegas 5 лет назад 0
попробуйте скопировать их в слово, затем поместите курсор вправо и выполните ALT-X, чтобы увидеть его код символа, это будет некоторая информация, которая может помочь в ваших исследованиях barlop 5 лет назад 0
@JohnnyVegas Когда я увеличиваю размер шрифта до 140%, используется правильный размер апострофа. Любой размер ниже отображается неправильно. Jens 5 лет назад 0
@barlop Это 3-байтовая кодовая точка Unicode со значениями (восьмеричные) 342 200 231. Jens 5 лет назад 0
@JohnnyVegas В настройках по умолчанию используется шрифт с засечками Deja Vu Sans, размер 18. Шрифт без засечек - Bitstream Charter. Jens 5 лет назад 0
Каков размер шрифта по умолчанию для windows / linux и каково ваше разрешение экрана? JohnnyVegas 5 лет назад 0
@JohnnyVegas Разрешение экрана 4096x2160 (правда, 4k). Размер шрифта по умолчанию в настройках равен 18, что при `layout.css.devPixelsPerPx: 2.0` будет шрифтом по умолчанию для 36 пикселей монитора. Jens 5 лет назад 0
Похоже, что ОС не может правильно отображать рабочие столы 4k - Как выглядит экран, когда вы устанавливаете его на 1920x1080? JohnnyVegas 5 лет назад 0
@JohnnyVegas Как бы я запустил X11 с другим разрешением, чем у родного монитора? Я сомневаюсь, что ОС виновата. Ядро Unix (здесь FreeBSD) не выполняет рендеринг шрифтов. Мне кажется, что подсистема рендеринга шрифтов FF переключает режимы с черно-белого растра с немасштабированными глифами для определенных символов UTF-8 на правильный векторный шрифт со сглаживанием на 140%. Jens 5 лет назад 0
То же самое происходит с хромом? JohnnyVegas 5 лет назад 0
@JohnnyVegas Нет, Chrome правильно отображает апострофы. На FF я сбрасываю параметры layout.css к их значениям по умолчанию, все та же проблема. Так что это должна быть ошибка рендеринга, специфичная для FF. Jens 5 лет назад 0
Я думаю, что это может относиться к рассматриваемому шрифту. Дополнение [Font Finder (revived)] (https://addons.mozilla.org/en-US/firefox/addon/font-inspect/) может найти фактический используемый шрифт и все свойства, которые могут помочь проанализировать эта проблема. harrymc 5 лет назад 0
@harrymc Ценный совет! Я обнаружил, что проблема со страницами, запрашивающими «Helvetica». Firefox по какой-то причине возвращается к отображению «System Default». Если в настройках FF я отменил выбор «Разрешить страницам выбирать свои собственные шрифты вместо ваших вариантов выше», я мог бы принудительно настроить, например, Arial или Calibri, и рендеринг подойдет для всех размеров. Когда я заставляю Helvetica, проблема появляется. Похоже, у меня нет подходящего шрифта Helvetica для FF. Jens 5 лет назад 0

1 ответ на вопрос

2
harrymc

Согласно вашим выводам, проблема заключается в шрифте 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. Это расширение создано для дизайнеров, разработчиков и типографов. Это позволяет пользователю анализировать информацию о шрифте любого элемента на странице, копировать любые фрагменты этой информации в буфер обмена.

Похожие вопросы