Как определять какой шрифт, используется на сайте?
Вы когда-нибудь задумывались о том, как узнать, какие шрифты использует веб-сайт?
В этой статье — мы разберемся, как посмотреть какой шрифт используется на сайте, и какие способы для этого бывают.
Поскольку каждый элемент веб-сайта интерпретируется в вашем браузере, если вы знаете, как правильно использовать инспектор браузера, вы можете определить шрифты, изображения, свойства CSS и все остальное на странице.
Определение названия шрифта при помощи браузера
- В Chrome или Firefox вы можете сделать это, щелкнув правой кнопкой мыши и выбрав «Посмотреть код». Ctrl + Shift + I (Windows) или Cmd + Shift + I (Mac) также должны работать.
- Перейдите к элементу, шрифт которого вам интересен. Вы можете сделать это, либо нажав «Посмотреть код» на самом элементе, либо перейдя к элементу в объектной модели документа (DOM) инспекторе вашего браузера, его структуре элементов HTML, которые составляют сайт. (Обратите внимание, какие разделы страницы выделяются при перемещении по DOM.)
- Как только вы попали на правильный элемент, перейдите на вкладку «Computed» в инспекторе и прокрутите вниз до
font-family
атрибута. Там указан шрифт элемента.
Определение шрифта расширением браузера
Ок, с этим мы вроде разобрались, но что если, вам постоянно нужно выяснять где-какой шрифт? Есть отличное расширение Fontface Ninja для Chrome и Safari.
Как пользоваться Fontface Ninja?
- Установите расширение в свой браузер
- Зайдите на страницу где нужно узнать какой шрифт используется
- В правом верхнем углу (для Chrome) нажмите на иконку в виде «Ниндзя»
- Стрелкой мышки наведите на текст который вас интересует
Помимо всего прочего, это расширение показывает: какое начертание шрифта, цвет и размер.
Надеюсь эта статья была вам полезна, всем удачи! =)