8 месяцев назад
Как определить шрифт по фото: удобные сервисы и расширения
Те, кто работает в веб-дизайне, время от времени сталкиваются с ситуацией, когда нужно использовать конкретный шрифт, но его название неизвестно. При этом из источников информации есть только картинка, скан или скриншот. Распознать обычный Times New Roman или Calibri легко — привет всем, кто использует Microsoft Word. С более редкими шрифтами сложнее. Впрочем, и эта задача решаема. Определить, какой шрифт используется на картинке, фото или скриншоте, можно с помощью специализированных сервисов (и не только)...
Как определить что за шрифт на сайте? ⠀ Вспомни ситуацию, дизайн придуман, текст есть, дальше возникает вопрос — какой выбрать шрифт? ⠀ Самый простой вариант: вдохновиться шрифтами уже готовых сайтов, идешь в интернет, ищешь и находишь его.. Сайт с идеальным шрифтом. Только вот проблема — как узнать его название? ⠀ Есть 2 способа: Простой и посложнее, разберем оба. Подробное описание обоих способов находится в карусели фото.  Оба способа работают только с компьютера. ⠀  способ — установить расширение для браузера, которое автоматически определяет название шрифта. ⠀ Таких расширений существует несколько, зависит от того какой браузер используешь ⠀ расширения: Fontface Ninja Ttyp.io WHATFONT TOOL Typesample ⠀ Можешь установить несколько расширений, протестировать и выбрать более удобный для себя. ⠀  способ — посмотреть название шрифта в коде страницы ⠀ Звучит страшно, понимаю, полезем в код. Но каждый дизайнер должен хотя бы базово понимать назначение основных блоков кода, поэтому это полезная практика. ⠀  1. Чтобы попасть в код страницы, нажми правой кнопкой мыши на любое место на экране и выбери «Исследовать элемент». Либо используй сочетание клавиш ctrl +shift + I. ⠀  2. Справа на странице откроется панель с кодом. Далее жмём сочетание клавиш ctrl +shift + С ⠀  3. Кликаем левой кнопкой мыши на текст с понравившимся нам шрифтом. ⠀ Бинго, теперь мы знаем название шрифта, его начертание, размер и цвет. ⠀ Благодаря этой панели с кодом можно сохранить любой логотип или фото.