Шрифт на веб-странице выглядит более толстым (белого цвета с темным фоном)

Question

Получил вопрос о шрифте под названием Rockwell Std Light.Я использовал в Photoshop, чтобы показать белый текст с синим фоном, а также сделал то же самое в Dreamweaver.Тем не менее, шрифт всегда выглядит толще на веб-странице.Кто-нибудь имеет представление о том, что проблема может быть здесь?Веб-страница представляет собой очень простую настройку цвета фона DIV и CSS.

Заранее спасибо.

Сравнение изображений с Photoshop & Dreamweaver

Answer 1

Как сказал @joakimdahlstrom, разные приложения по-разному отображают шрифты, Photoshop также имеет дополнительные эффекты, такие как сглаживание и т. Д.

В целом, однако, вы не должны использовать шрифт, такой как Rockwell Std Light, на веб-странице, поскольку он не является «безопасным для сети шрифтом», т. Е. Не у всех этот шрифт установлен в их системе, поэтому те, кто не выиграл не вижу этого. См. http://www.w3schools.com/css/css_websafe_fonts.asp для некоторых распространенных.

У вас есть несколько вариантов нестандартных шрифтов, если вы хотите кросс-браузерную / системную совместимость:

1. Сохраните текст как изображение в Photoshop и включите его на веб-страницу в виде изображения (обязательно указав альтернативный текст)

2. Используйте такой сервис, как TypeKit

TypeKit не имеет шрифта Rockwell, поэтому вам лучше пойти по маршруту изображения, если вы определенно хотите использовать этот шрифт.

Answer 2

Приложения, операционные системы и т. Д. Отображают шрифты по-разному. С этим ничего не поделаешь.