Не нужно быть разработчиком, чтобы определить, какой шрифт используется на сайте и откуда он подключён, — современные браузеры включают инструменты разработчика, доступные любому пользователю в несколько кликов, и для базовой проверки шрифтов этого более чем достаточно.
Шаг 1 — определить название шрифта
Открыть любую страницу сайта, кликнуть правой кнопкой мыши по тексту, заголовок которого нужно проверить, и выбрать «Просмотреть код» (Inspect) — это откроет панель инструментов разработчика с выделенным элементом. В правой части панели, во вкладке стилей (Styles или Computed), нужно найти свойство font-family — там будет указано название шрифта, который реально применяется к этому тексту.
Шаг 2 — найти правило @font-face
Зная название шрифта, можно найти правило его подключения: во вкладке «Network» (Сеть) панели разработчика, обновив страницу с включённой записью запросов, стоит отфильтровать запросы по типу «Font» — там будут видны все файлы шрифтов, которые сайт загружает, включая полный путь, откуда они скачиваются: с собственного сервера сайта или с внешнего домена вроде fonts.googleapis.com.
Шаг 3 — определить, коммерческий ли это шрифт
Имея точное название шрифта, можно проверить его статус — ввести название в поисковике вместе со словом «license» или «лицензия», и в большинстве случаев быстро станет понятно, платный это шрифт от известной словолитни или бесплатный шрифт с открытой лицензией. Каталог Google Fonts, если шрифт оттуда, всегда указывает используемую лицензию прямо на странице шрифта.
Автоматизированная альтернатива — расширения для браузера
Существуют браузерные расширения, специально созданные для определения используемых на странице шрифтов (например, WhatFont и аналоги) — они показывают название шрифта при наведении на текст без необходимости вручную разбираться в панели разработчика. Это удобнее для разового беглого просмотра, но менее информативно с точки зрения того, откуда именно файл шрифта загружается технически.
Что делать, если на сайте несколько шрифтов
Большинство сайтов используют не один, а два-три шрифта: отдельно для заголовков, для основного текста, иногда — для акцентных элементов вроде кнопок. Проверку стоит повторить для каждого визуально различимого шрифта на сайте — процедура определения та же самая, просто применяется к разным текстовым элементам по очереди.
Пределы ручной проверки
Ручная проверка через инструменты разработчика хорошо работает для одного сайта, который открыт перед глазами. Для агентства с десятками клиентских сайтов, или просто для того, чтобы не повторять эту процедуру каждый раз при малейших сомнениях, удобнее автоматическая проверка — она находит подключённые шрифты, сверяет их со словарём известных коммерческих гарнитур и сразу подсказывает, есть ли риск и какой бесплатный аналог можно использовать вместо него.