Независимо от того, занимаетесь ли вы дизайном или похожим на внешний вид определенного веб-сайта, знание того, какой тип шрифта используется сайтом и какой у него размер, может помочь вам эмулировать его или использовать на своем веб-сайте. Есть несколько способов добиться этого, и я покажу вам некоторые из них здесь. Так что если вы хотите проверить тип и размер шрифта на сайте, читайте дальше!
Имея буквально миллионы шрифтов, найти идеальный можно дольше, чем нужно. Когда вы обнаружите хороший, вам нужно выяснить, что это тут же, иначе вы можете потерять его навсегда. Если он особенно хорош, вы можете использовать его на своем веб-сайте, в качестве шрифта Office или в Windows, в зависимости от типа шрифта. Просто помните, что некоторые шрифты защищены авторским правом и недоступны для публичного использования.
Проверьте тип и размер шрифта на сайте
Есть несколько способов проверить тип и размер шрифта на любом сайте. Самый простой метод использует сам браузер, в то время как другие используют сторонние инструменты для идентификации ресурсов страницы. Я расскажу оба типа. Сначала мы сосредоточимся на методе встроенного браузера.
- Щелкните правой кнопкой мыши на странице, которая вам нравится, и выберите Inspect Element (Firefox), Inspect (Chrome) или F12 Developer Tools (Edge).
- Выберите «Инспектор» (Firefox) в новых нижних окнах и прокрутите вниз вправо, пока не дойдете до «Шрифт». Он должен показывать семейство шрифтов, конкретный используемый шрифт, его размер, цвет и все остальное, что определяет страница.
Различные CMS и различные веб-дизайны отображают информацию о своих шрифтах по-разному. Попробуйте этот метод на нескольких веб-страницах, и вы, скорее всего, увидите несколько разных способов определения шрифтов.
Сторонние инструменты для определения типа и размера шрифта
Существует несколько сторонних надстроек, которые работают как плагины или как букмарклеты и могут определять типы шрифтов. Они работают с большинством браузеров, включая Safari, поэтому вы должны найти то, с чем вы можете работать без особых проблем.
поджигатель
Firebug раньше был только инструментом отладки Firefox для разработчиков. Он стал настолько популярным, что теперь он не зависит от браузера и будет работать с большинством браузеров. Это невероятно универсальный инструмент, который может проверять любой элемент веб-страницы, включая шрифт.
Просто установите надстройку, как обычно, выделите текст на странице, перейдите на вкладку HTML в Firebug, а затем нажмите «Computed» справа. Затем Firebug должен выделить имя шрифта, семейство шрифтов, размер, вес и все, что вам нужно знать.
Однако имейте в виду, что Firebug больше не выпускается с 2017 года. Старые версии по-прежнему можно загружать, но они больше не будут обновляться, и Firebug, вероятно, потеряет функциональность по мере развития браузеров.
WhatFont
WhatFont - это букмарклет, который может идентифицировать шрифты на веб-страницах. Перетащите букмарклет на панель закладок и используйте его для идентификации практически любого шрифта в любом месте. Это бесплатно и очень просто. Перейдите на понравившуюся веб-страницу, нажмите на букмарклет и наведите курсор на шрифт, который вы хотите идентифицировать. Над ним появляется маленький черный ящик, сообщающий вам шрифт.
После обновления он стал совместимым со связанными надстройками.
Опять же, в зависимости от того, как настроена CMS или как устроена страница, это будет либо простая идентификация шрифта, либо полный блок с указанием размера, цвета, веса и т. Д.
Существует множество дополнений типа букмарклетов, которые могут идентифицировать шрифты; WhatFont только один из них. Вы используете один? Эта статья убедила вас попробовать новую? Дайте нам знать ниже.
