Найти в Дзене
PowerPoint Design

Как определить шрифт используемый на сайте

Всех приветствую на моём канале! В одной из недавних моих работ, необходимо было узнать шрифт, который используется на сайте компании и использовать его в презентации. Сам заказчик не знал какой шрифт используется на сайте, а расширение для определения шрифта на сайте "Webfonting it!" выдавало совершенно другой шрифт. Сегодня расскажу, как точно определить какой шрифт используется на сайте и как его скачать. Поехали! Вот, такой шрифт использует компания, шрифт называется: "TT Backwards Sans Сyrillic" с 4 видами начертаний. Красивый шрифт, особенно нравятся буквы: "К" и "а". Так как же узнать точно, какой шрифт используется на сайте без расширений. Заходим на любой сайт, нажимаем клавишу: "F12" или через контекстное меню: "Исследовать элемент". Откроется "Панель разработчика", переходим во вкладку "Network", под вкладкой есть панель с вкладками, ищем вкладку: "Font", переходим на нее. Скорее все эта вкладка будет пустой, необходимо обновить её, для этого нажимаем сочетание: "Ctrl+R"

Всех приветствую на моём канале! В одной из недавних моих работ, необходимо было узнать шрифт, который используется на сайте компании и использовать его в презентации. Сам заказчик не знал какой шрифт используется на сайте, а расширение для определения шрифта на сайте "Webfonting it!" выдавало совершенно другой шрифт.

Сегодня расскажу, как точно определить какой шрифт используется на сайте и как его скачать. Поехали!

Вот, такой шрифт использует компания, шрифт называется: "TT Backwards Sans Сyrillic" с 4 видами начертаний. Красивый шрифт, особенно нравятся буквы: "К" и "а".

Шрифт TT Backwards Sans ExtLt Cond
Шрифт TT Backwards Sans ExtLt Cond
Шрифт TT Backwards Sans Light Cond
Шрифт TT Backwards Sans Light Cond
Шрифт TT Backwards Sans Regular Cond
Шрифт TT Backwards Sans Regular Cond
Шрифт TT Backwards Sans Bold Cond
Шрифт TT Backwards Sans Bold Cond

Так как же узнать точно, какой шрифт используется на сайте без расширений.

Панель разработчика
Панель разработчика

Заходим на любой сайт, нажимаем клавишу: "F12" или через контекстное меню: "Исследовать элемент". Откроется "Панель разработчика", переходим во вкладку "Network", под вкладкой есть панель с вкладками, ищем вкладку: "Font", переходим на нее. Скорее все эта вкладка будет пустой, необходимо обновить её, для этого нажимаем сочетание: "Ctrl+R" и через пару секунд появятся шрифты, которые используются на сайте.

Шрифты используемы на сайте
Шрифты используемы на сайте

Во вкладке "Preview", отображается предварительный просмотр шрифта. Чтобы скачать шрифт, выделяем строку с шрифтом, открываем контекстное меню и выбираем: "Open in new tab".

Сохранение шрифта
Сохранение шрифта

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

На этом всё! Всем спасибо за прочтение данной статьи. Кому понравилось, не забывайте ставить лайки и писать комментарии. Всем пока!

Посмотреть моё портфолио и целиком работу, можно по ссылке

-8