Как улучшить внешний вид шрифта в хроме Google?

Проверьте настройки ClearType - скриншот Chrome выглядит так, как будто его заставляют рендерить без сглаживания. Это убьет практически любой веб-шрифт, так как у них нет монохромных подсказок (в том числе и по размеру). Раньше я видел сообщение “IE рендерит текст лучше”, потому что оно игнорирует настройки ClearType на уровне операционной системы и включает его по умолчанию.

A

Chrome считывает настройки ClearType, которые в Windows XP отключены по умолчанию.

1. Чтобы устранить проблему, сначала закройте браузер Chrome.

2. Теперь щелкните правой кнопкой мыши в любом месте рабочего стола и выберите ‘Свойства’ из выпадающего меню.

3. Нажмите на вкладку ‘Внешний вид’, расположенную в верхней части нового окна.

4. И нажмите на кнопку ‘Эффекты’.

5. Вторая опция вниз должна гласить: “Используйте следующий метод для сглаживания краев шрифтов экрана”.

6. Выберите опцию “ClearType”.

7. Нажмите кнопку Применить и переоткрыть браузер Chrome.

Отныне Chrome будет прекрасно сглаживать ваши шрифты для достижения такого плавного эффекта.

Поместите SVG-файл выше в правило css со шрифтовыми границами, например:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Вместо этого:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}

Примеры этого исправления можно посмотреть здесь: Примеры шрифтового шрифта Примеры рекламной дорожки

Включено ли GPU-ускорение в Google Chrome? Введите about:flags и ищите GPU Accelerated Canvas 2D, отключите его, если включено. Шрифты на некоторых сайтах выглядят очень неровно, когда я просматривал сайты с включенным ускорением.

В Google Chrome щелкните на Wrench > Options > Under the Hood > next to Web Content щелкните Customize Fonts (Настроить шрифты).

Измените ваши настройки так, чтобы ваша страница выглядела так же, как моя

Затем нажмите на x и посмотрите, исправлена ли ваша проблема.

Если это не исправить, возможно, есть еще одна вещь… но я подожду, пока вы попробуете это сделать.

Chrome принимает в системе значение clearType для шрифтов. Это объясняется тем, что в Windows 7 выглядит лучше. На Mac сглаживание включено для всех шрифтов размером выше 8, я полагаю. Попробуйте включение или измените clearType вашей машины Windows

Обновление : Похоже на Chrome 22 и выше игнорируйте системные настройки для clearType.

У меня была точно такая же проблема, рендеринг веб-шрифтов с http://www.google.com/webfonts в Chrome. Я перепробовал все предложения по этому и пару других сайтов, и ни один из них не сработал.

В конце концов я начал проверять CSS-свойства затронутого текста, выяснилось, что причиной проблемы был фактический цвет шрифта. Заголовок, заданный color:#454545, плохо отображал бы, но с тем же заголовком, заданным следующим образом: color:#333 сработало отлично. Слава Богу за таблицы стилей, специфичные для агентов!

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

В Windows XP я только что изменил опцию сглаживания с “Default” на “Clear Type” в Display → Properties → Appearance → VisualEffects.

Для меня это была не настройка ClearType в Windows 10.1 x64, но оказалось, что это была настройка в моем браузере Chrome под названием DirectWrite.

1. В адресной строке типа Chrome: chrome://flags/#directwrite
2. И включите DirectWrite, в заголовке этой настройки написано Disable DirectWrite и убедитесь, что на кнопке под ней написано слово: Enable

Это исправило для меня проблему.

Я столкнулся с этой проблемой настолько сильно в Windows XP SP3, что сделал Chrome непригодным для любых целей. Я заметил, что установил Clear Type Tuning в панели управления и попробовал убрать флажок “Enable Font Smoothing” (Включить сглаживание шрифтов) во вкладке “Advanced” (Дополнительно). После перезапуска Chrome все было в порядке, даже после повторного включения функции сглаживания шрифтов. Я решил поставить флажок “Применять все настройки по умолчанию для новых пользователей и системы”.

Перейдите к chrome://flags/ (или about:flags) и Отключено вариант Обзор списка рендеринга ПО.

Ускоренный 2D холст тоже должен быть отключен.

Эта комбинация помогла мне.

нажмите клавишу windows + r, затем введите cttune.exe там

Альтернативный метод заключается в нажатии клавиши windows, затем введите cleartype, затем выберите Adjust ClearType Text

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

это сработало для меня, вы должны попробовать различные примеры, это очень похоже на калибровку контрастности/яркости, но для текста вместо этого

FYI: отключение 2d ускорения может помочь получить хрома, чтобы играть с окнами инструмент настройки Cleartype.

Похоже, что длинный и трудный ответ - это то, что ты не можешь. Есть множество дискуссий и предложений в Chrome help , но я не вижу ничего, что стоило бы предложить.

Главный вопрос в том, как вам удается так плохо выглядеть?! Я использую Chrome, чтобы напечатать эту коробку… Я даже увеличил целую кучу и не вижу ничего похожего на тебя. Если после этого у тебя еще остались вопросы, ты должен объяснить свою конфигурацию сообществу.

Несмотря на то, что Chrome “пригоден” для шрифтов, он выглядит тонким и размытым там, где особенно выделяются диагональные линии. IE рендерит намного лучше, но IE - более медленный браузер и поэтому FireFox.

Я считаю, что это присуще коду для Chrome.

BTW, HackToHell, куда идти, чтобы изменить цвет рендеринга?

Я попробую это.

Если вы хотите, чтобы веб-шрифты были читаемыми, но при этом было отключено сглаживание/очищение шрифтов, то решение заключается в отключении веб-шрифтов в Google Chrome. В этом случае браузер будет использовать стандартные для ОС шрифты, которые отображаются корректно при отключенном сглаживании/сглаживании шрифтов. Для этого передайте флаг /disable-remote-fonts в chrome.exe. Щелкните по ярлыку Google Chrome на Рабочем столе, выберите Свойства, перейдите на вкладку Shortcut и установите для него значение Target:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts

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

Соответствующая проблема в трекере Chromium:

“Общесистемная настройка ClearType не уважается для веб-шрифтов https://code.google.com/p/chromium/issues/detail?id=319429 .

Перейдите в режим хромирования://флаги/ и установите для параметра “Сглаживание ЖК-текста” значение “Включено”. Перезапустите браузер.