Andryushkin.ru
Блог им. alex-borisi (Александра Андрюшкина)

Как определять какой шрифт, используется на сайте?

Вы когда-нибудь задумывались о том, как узнать, какие шрифты использует веб-сайт?
В этой статье — мы разберемся, как посмотреть какой шрифт используется на сайте, и какие способы для этого бывают.

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

Определение названия шрифта при помощи браузера

  1. В Chrome или Firefox вы можете сделать это, щелкнув правой кнопкой мыши и выбрав «Посмотреть код». Ctrl + Shift + I (Windows) или Cmd + Shift + I (Mac) также должны работать.
  2. Перейдите к элементу, шрифт которого вам интересен. Вы можете сделать это, либо нажав «Посмотреть код» на самом элементе, либо перейдя к элементу в объектной модели документа (DOM) инспекторе вашего браузера, его структуре элементов HTML, которые составляют сайт. (Обратите внимание, какие разделы страницы выделяются при перемещении по DOM.)
  3. Как только вы попали на правильный элемент, перейдите на вкладку «Computed» в инспекторе и прокрутите вниз до font-family атрибута. Там указан шрифт элемента.
Определение шрифта при помощи браузера
Как узнать шрифт через код страницы.

Определение шрифта расширением браузера

Ок, с этим мы вроде разобрались, но что если, вам постоянно нужно выяснять где-какой шрифт? Есть отличное расширение Fontface Ninja для Chrome и Safari.

Как пользоваться Fontface Ninja?

  1. Установите расширение в свой браузер
  2. Зайдите на страницу где нужно узнать какой шрифт используется
  3. В правом верхнем углу (для Chrome) нажмите на иконку в виде «Ниндзя»
  4. Стрелкой мышки наведите на текст который вас интересует
Расширение для определения шрифта на сайте
Расширение для определения шрифта на сайте.

Помимо всего прочего, это расширение показывает: какое начертание шрифта, цвет и размер.

Надеюсь эта статья была вам полезна, всем удачи! =)