HTML шрифты выглядят неровно ... фотошоп против HTML / CSS версии

Question

Это нормально, что шрифты, которые я использовал для создания макета сайта, имеют пикселизацию? Я использую Georgia, и в фотошопе у меня плавные линии, все выглядит отлично. Но когда я попытался нарезать его и кодировать CSS, шрифт такого же размера в Грузии выглядел заметно страшнее!

Что ты думаешь?

p.s. Я использую их, чтобы объявить размеры в CSS.

Answer 1

Это потому, что фотошоп использует технику сглаживания текста.

И ОС, и браузер будут влиять на отображение текста на веб-странице. Например, в Mac OS есть текст с псевдонимами для всех системных интерфейсов.Я полагаю, что для окон есть опция под названием «ClearType», после включения все системные интерфейсы будут иметь гладкие тексты.

Answer 2

Все шрифты в Интернете будут выглядеть немного пиксельно, если только вы не используете Mac, который отображает текст значительно лучше, чем ПК.

Наилучший способ, который я нашел, - воспроизвести, как шрифт будет выглядеть в сети.для установки Anitialiasing в Photoshop на «острый».

Возможно, в будущем будет разметка CSS, которая позволит сглаживать в браузере, а не на основе ОС.

Это общая проблема.

См. Эту статью http://jontangerine.com/log/2007/10/smoothing-out-the-creases-in-web-fonts

Альтернативой является использование чего-то вроде Cufon, который генерирует изображения для вашего текста.Лучше всего использовать его только для заголовков.http://cufon.shoqolate.com/generate/

Answer 3

В фотошопе есть возможность «сгладить» текст.

См. Это изображение .Правый нижний угол.

Удалите это сглаживание, чтобы лучше видеть (но не точно), как будет выглядеть шрифт в браузере.

Answer 4

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