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

On the left is firefox 4, on the right is chrome 12.

слева firefox 4, справа chrome 12. Есть ли способ сделать шрифты Chrome красивее?

вышеуказанное изображение было принято на windows xp. Ниже приведен еще один пример из windows 7.

enter image description here

71
задан Dan D. 2011-07-08 18:32:56
источник

18 ответов

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

35
отвечен Symmetry 2012-06-08 23:39:28
источник

все эти ответы неверны! Это большая ошибка в Google Chrome, пожалуйста, смотрите официальный отчет об ошибке / поток, включая много скриншотов здесь:официальный отчет об ошибке на коде Chrome

В настоящее время лучший обходной путь - просто дать вашему элементу / заголовку это простое правило:

-webkit-text-stroke: 1px

дополнение от доктора Джона: Я нашел предложение, которое html { -webkit-text-stroke: 0.25px} будет работать - нашел здесь https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4

23
отвечен Sliq 2013-08-19 19:23:09
источник

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

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

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

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

  4. и нажмите на кнопку "эффекты" кнопка.

  5. второй вариант должен гласить: "используйте следующий метод для сглаживания краев экранных шрифтов."

  6. выберите опцию "ClearType".

  7. нажмите Применить и снова откройте браузер Chrome.

отныне хром будет отображать шрифты красиво сглаживаются для гладкого эффекта.

16
отвечен Simon Beal 2012-06-26 18:45:45
источник

поместите файл SVG выше в правиле CSS шрифта лица, либо 1-й или второй, например:

@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;
}

примеры этого исправления можно увидеть здесь:

FontSpring Примеры

Adtrak Примеры

12
отвечен digout 2012-11-04 08:30:24
источник

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

6
отвечен red 2011-07-12 10:23:57
источник

в Google Chrome нажмите на гаечный ключ > параметры > под капотом > [рядом с веб-контента] нажмите Настроить шрифты.

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

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

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

2
отвечен wizlog 2011-07-12 22:56:21
источник

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

2
отвечен Sam Hasler 2012-07-19 17:09:58
источник

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

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

2
отвечен ukdesignservices 2012-07-25 04:27:30
источник

в Windows XP я просто изменил опцию анти-псевдонима С "по умолчанию" на "очистить тип" в

Отобразить Свойства → Оформление → VisualEffects.

2
отвечен Berau 2012-11-24 14:32:54
источник

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

обновление: похоже, Chrome 22 и выше игнорировать Системные настройки для clearType

2
отвечен Om Shankar 2013-04-28 20:21:06
источник

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

1
отвечен user318333 2014-04-25 19:46:45
источник

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

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

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

1
отвечен Alexscended 2016-03-10 22:10:24
источник

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

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

0
отвечен mbb 2011-07-08 22:26:46
источник

хотя хром "годен к употреблению" для шрифтов, он выглядит тонким и размытым там, где он отображает диагональные линии особенно. IE оказывает гораздо лучше, но IE медленнее браузер и поэтому FireFox.

Я считаю, что это заложено в коде для chrome.

кстати, HackToHell, где я могу изменить цвет рендеринга?

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

0
отвечен DBDooDoo 2013-01-12 05:56:15
источник

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

альтернативный метод - нажмите клавишу windows, а затем введите cleartype затем выберите Настроить ClearType текст

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

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

FYI: отключение 2D ускорения может помочь получить chrome, чтобы играть с Windows cleartype tune tool

0
отвечен nwgat 2014-06-01 08:04:29
источник

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

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

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

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

" общесистемный параметр ClearType не соблюдается для веб-шрифтов" https://code.google.com/p/chromium/issues/detail?id=319429

0
отвечен Czarek Tomczak 2014-08-30 11:09:43
источник

на chrome://flags/ (или about:flags) и отключить параметр переопределить список рендеринга программного обеспечения.

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

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

0
отвечен Andrei Zhytkevich 2016-07-05 15:48:59
источник

перейти к хром://флаги/ и установить "ЖК-сглаживание текста" включен. Перезапустите браузер.

-1
отвечен GregC63 2017-08-18 17:54:18
источник

Другие вопросы google-chrome windows fonts anti-aliasing

X