Page 68 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

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

Typekit для использования их в Photoshop и других продуктах Adobe.

• Рендеринг шрифтов.

Это еще один кошмар для веб-дизайнеров. Шрифты в файлах PSD будут выглядеть
практически одинаково в Photoshop на Mac и Windows, но когда вы используете их в
коде HTML/CSS, то он может выглядеть по другому в зависимости от браузера и

операционной системы. Safari, Google, Firefox и Internet Explorer рендерят шрифты по
разному. Так же вы заметите разницу между Mac OS, Windows Vista, и Windows 7/8.

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

прочитать при отключенном сглаживании. С другой стороны, слишком жирный шрифт
может выглядеть слишком толстым с включенным сглаживанием.

Пример отображения текста в разных браузерах с включенным и выключенным сглаживанием.

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

• Отзывчивость.

Даже если ваш текст будет отображаться на маленьких экранах, вы так же должны
будете выбирать размеры шрифтов и высоты строк пропорционально размерам
экрана планшетов и мобильных телефонов.

Основы Web-Дизайна. Руководство. Перевод от Samigg для клуба Skladchik.com 67

www.trk.kg