Как получить самый четкий текст?

Ниже представлены четыре текста из четырех браузеров.Как получить самый четкий текст?

enter image description here

Вы можете увидеть, как «е» и «s» немного рваный на Chrome и Safari.

Как настроить антиалиасинг или что-то еще, чтобы сделать текст максимально возможным - это все браузеры?

Благодаря

источник

2014-01-29 Steve

Я бы не стал использовать «e и s» в своих проектах. :) – qualebs

Вы можете antialise текст в CSS для хрома, как это:

body 
{ 
    -webkit-text-stroke: 1px transparent; 
}

Вот ссылка, которую вы можете прочитать: https://github.com/h5bp/html5-boilerplate/issues/598

источник

2014-01-29 05:09:44

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

Оба Chrome и Safari используют WebKit для рендеринга. -webkit-font-smoothing: antialiased добавит антиалиасы в браузерах на основе webkit и text-rendering: optimizeLegibility улучшает разборчивость текста во всех браузерах.

body { 
     -webkit-font-smoothing: antialiased; 
     text-rendering: optimizeLegibility 
    }

источник

2014-01-29 05:16:42

Как получить самый четкий текст?

ответ

Смежные вопросы