Школа
Веб-разработка

Руст, в логотипе используется шрифт PT Sans, в вёрстке тоже. Но логотип в вёрстке отличается от логотипа в макете. Как быть?

Антон Прокопьев
14 мар 2019
👁 4744  
Веб-разработка

Руст, в логотипе используется шрифт PT Sans, в вёрстке тоже. Но логотип в вёрстке отличается от логотипа в макете. Как быть?

Антон Прокопьев
14 мар 2019
👁 4744  
Руст Кулматов
Фронтенд‑разработчик, преподаватель, соавтор движка электронных книг бюро
Полезно
 31
31
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Не верстать логотип шрифтом.

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

Простой набор Гельветикой
После обработки

С помощью вёрстки такого добиться очень сложно, да и незачем. Такой логотип можно сохранить в векторе, и он будет весить в несколько раз меньше, чем шрифт, который в нём используется. Так будет потому, что в шрифте содержатся все знаки, включая те, которых в логотипе нет. Конечно, можно подготовить специальную версию шрифта, в которой будут только необходимые символы, но это дополнительно усложнит вёрстку логотипа.

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

Наложение шрифта из макета на вёрстку: с каждым символом накапливается ошибка. Скорее всего браузер не поддерживает какое‑то свойство шрифта, задающее правильный кернинг

Поэтому сохраните ваш шрифтовой логотип в векторе и используйте его.

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Полезно
 31
31
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы