Чому блоки коду StackOverflow виглядають жахливо в Chrome 37?


16

Щойно я оновив Google Chrome до версії 37 в моїй системі Linux. Тепер кодові блоки виглядають так:

введіть тут опис зображення

І текст, поки я пишу це питання, виглядає приблизно так:

введіть тут опис зображення

У цій же системі питання з кодовими блоками виглядає нормально з Firefox.

У чому проблема з шрифтами в Chrome 37?

Детальна інформація

Відповідно до інструментів для розробників Google Chrome, було обчислено такі сімейства шрифтів:

Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;

У Firefox:

Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif

Клацніть правою кнопкою миші блок коду, виберіть "Перевірити елемент", на правій панелі консолі розробника виберіть вкладку "Обчислені", прокрутіть донизу та опублікуйте вказане там ім'я шрифту - зробіть це як на Chrome і Firefox. Мені цікаво, чи Chrome вибирає шрифт растрових зображень ...
user1686

Я мав на увазі назву шрифту внизу ; в Chrome це під міткою "Візуалізований шрифт". Обчислені стилі в будь-якому випадку будуть однаковими для обох браузерів, але фактично вибраний шрифт може відрізнятися.
користувач1686

4
Мабуть, вони перейшли від використання сильно набраної мови до слабо типізованої.
Даніель Р Хікс

4
@DanielRHicks: Як це навіть ...
user1686

1
Це, мабуть, належить або до мета.SO, якщо проблема є специфічною для SO, або meta.SE
Crippledsmurf

Відповіді:


8

Зробіть наступне:

  1. Створіть файл ~/.fonts.conf
  2. Додайте наступний текст

    <match target="font" >
        <edit name="embeddedbitmap" mode="assign"><bool>false</bool></edit>
    </match>
    
  3. Перезавантажте Chrome

Джерело: https://code.google.com/p/chromium/isissue/detail?id=408059


2
Працювали для мене. Хоча шрифт у stackoverflow, безумовно, відображається інакше, ніж раніше, ніж ця помилка, але вона принаймні читається зараз.
мінімізм

Це сталося зі мною відразу після реєстрації шрифту Monaco за допомогою Fedora 19. Ця відповідь працювала для мене, як описано.
Рубенс Маріуццо

1
У нещодавньому дистрибуції створення файлу ~/.fonts.confпризведе до попередження про депресію . Замість цього створіть файл з адресою: ~/.config/fontconfig/fonts.conf. Більше інформації за адресою: askubuntu.com/a/231274/24159
Рубенс Маріуццо

2

Ви, здається, зіткнулися з помилкою Chrome 37 із відображенням шрифту Linux, що, ймовірно, викликано оновленням відображення в Windows. Це, мабуть, було виправлено до звільнення, згідно з деякими публікаціями, але в інших чітко сказано, що цього не було. Тут пропонується кілька пропозицій щодо вирішення цього питання, включаючи перехід до 38-бета-версії або оновлення локальної інформації про шрифт та зміну параметра автоматичної підказки.

Я перекладу їхній приклад ~ / .fonts.conf, але я б спробував це лише в крайньому випадку. Спробуйте спочатку бета-версію.

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
  <match target="font">
    <edit name="autohint"><bool>false</bool></edit>
  </match>
</fontconfig>`

0

У мене була така ж проблема. ОС: Linux Mint 17 Кориця з розширенням шрифту.

Перевірте масштаб поточного дисплея Chrome. Зменшення або збільшення масштабу має покращити візуалізацію шрифту.


1
Ну ... я дуже не хочу використовувати веб-сайти зі збільшенням на 110%. Це приємно знати, але не відповідь.
Мартін Тома

0

Edit ~ / .fonts.conf працює на мене, мій ~ / .fonts.conf (debian Jessie, xfce4, chrome 43.0.2357.81 (64-розрядний)):

<!-- put to ~/.fonts.conf to improve chrome font rendering -->
<match target="font">
<edit name="autohint" mode="assign">
<bool>true</bool>
</edit>
<edit name="hinting" mode="assign">
<bool>true</bool>
</edit>
<edit mode="assign" name="hintstyle">
<const>hintslight</const>
</edit>
</match>

Здається, питання стосується версії 37. Чи знаєте ви, чи працювало б ваше рішення як з версією 37, так і з версією 43?
Джейсон Аллер

Для мене працює версія 37, але це має залежати від того, яку платформу ви використовуєте, ви можете спробувати ці параметри по черзі, якщо вона не працює.
kurtmeln
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.