Как узнать название шрифта, установленного на сайте

Как узнать название шрифта, установленного на сайтеЗдравствуйте, уважаемые посетители и, конечно же, постоянные читатели блога Spectr-rv.ru. Эта статья предназначена, в первую очередь, для начинающих блоггеров, желающих сделать свой сайт (блог) более привлекательным. Лучшим способом успешного воплощения этого намерения, является анализ сайтов конкурентов.

Вполне возможно, что, встретив сайт с красивым шрифтом, вы захотите использовать этот шрифт на своем сайте (блоге). Но все ли знают, как определить название шрифта, встретившегося в интернете?

Из данной статьи вы узнаете о простых способах идентификации незнакомого шрифта, позволяющих легко узнать его название. Конечно, определить шрифт можно воспользовавшись исходным кодом страницы или инструментом браузера – «Исследовать элемент» («Просмотреть код» и т. д., в зависимости от браузера), но для этого нужно иметь хотя бы приблизительное представление об HTML и CSS.

Поскольку, основной аудиторией данного блога являются начинающие пользователи, предлагаю использовать для определения названия шрифта простые сервисы, не требующие знания языков программирования, о которых мы сейчас и поговорим. Рассмотрим использование двух таких сервисов применительно к самым распространенным браузерам Mozilla Firefox и Google Chrome.

Сервис Fount

Одним из наиболее удобных инструментов для определения шрифта является сервис Fount. Для пользования данным сервисом, необходимо поместить его иконку на панель закладок браузера. Делается это очень просто, причем одинаково для браузеров Mozilla Firefox и Google Chrome.

Откройте страницу сервиса и перетащите кнопку «FOUNT», зажав ее левой кнопкой мышки, на панель закладок своего браузера.

Как узнать название шрифта, установленного на сайтеКнопка на панели закладок браузера будет выглядеть примерно так:

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

Для определения шрифта, нажмите мышкой на иконку FOUNT в панели закладок, в результате чего мышиный курсор превратится в крестик. Наведите крестик на любой участок заинтересовавшего вас текста и щелкните мышкой. После этого, в правом верхнем углу браузера должна появиться табличка с названием шрифта – что нам и требовалось.

Как узнать название шрифта, установленного на сайтеКроме названия шрифта, здесь вы можете узнать его размер, вес (степень жирности) и стиль.

Чтобы отключить FOUNT, достаточно щелкнуть мышкой по табличке с названием шрифта.

Сервис WhatFont

Для использования сервиса WhatFont в браузере Mozilla Firefox, нужно, так же как и в предыдущем случае, перетащить кнопку сервиса на панель закладок браузера.

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

Как узнать название шрифта, установленного на сайтеПри щелчке мышкой, выдается развернутая информация о шрифте. Здесь, кроме названия, вы сможете найти размер шрифта; межстрочный интервал; семейство, к которому относится шрифт; а также его цветовой код в двух форматах.

Для отключения сервиса, нужно щелкнуть на кнопке «Exit WhatFont» в правом верхнем углу браузера.

В браузере Google Chrome, WhatFont работает точно так же, как и в Mozilla Firefox. Единственным отличием является способ его установки в браузер. Здесь WhatFont устанавливается в виде расширения из Chrome Web Store.

Как узнать название шрифта, установленного на сайтеПосле установки расширения WhatFont, на панели инструментов браузера появляется его значок, щелчком по которому включается режим определения шрифта.

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

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

С уважением, Владимир (Spectr-rv.ru).

Поделитесь своим мнением

Подписка на обновления

Хотите получать новые статьи на почту? Введите свой e-mail адрес:

© 2017 Полезные советы, программы и сервисы интернета  Войти