Сергей Сорокин · Шрифты и лицензии
Шрифты на сайте: как проверить лицензию
Опубликовано Обновлено
Если дизайнер передал макет и файлы шрифта, перед запуском сайта проверьте условия их использования. Разрешение работать со шрифтом в графическом редакторе может не включать его подключение к страницам сайта. Для проверки понадобятся точное название шрифта, источник файлов и текст лицензии.
Лицензия для макета может не подходить сайту
В описании лицензий Паратайпа работа в графическом редакторе относится к лицензии «Десктоп». Для подключения шрифта к тексту веб-страницы предусмотрена лицензия «Веб». Условия этой студии различают готовую картинку с надписью и файл шрифта, которым браузер отображает текст сайта.
Например, на баннере надпись может быть частью изображения. В заголовке статьи текст хранится отдельно, а браузер использует подключенный шрифт для его отображения. Перед покупкой уточните, какой способ нужен вашему сайту. У логотипа могут быть отдельные условия использования, поэтому проверяйте его по своей лицензии.
Названия лицензий и разрешенные действия смотрите у поставщика конкретного шрифта. Файл в веб-формате WOFF2 сам по себе не подтверждает право использования. Если разработчик получил его из другого формата, условия исходной лицензии тоже нужно проверить.
Паратайп: различия между лицензиями для макета, сайта и логотипа
Попросите разработчика составить список шрифтов
Проверяйте работающий сайт вместе с макетом. При верстке разработчик мог заменить шрифт или подключить дополнительные начертания, например полужирное и курсивное. Попросите его проверить главную, карточку товара, статьи и другие отличающиеся страницы. В список включите также шрифты для иконок, если сайт их использует.
По каждому шрифту сохраните точное название, используемые начертания, источник файлов и место применения на сайте. Отдельно запишите, откуда браузер загружает шрифт: с вашего хостинга или из внешнего сервиса. Название в макете помогает начать поиск, но по нему нельзя установить происхождение конкретного файла.
Если сайт использует системный шрифт, уже установленный на устройстве посетителя, отметьте это в списке. Попросите разработчика подтвердить, что сайт обращается к установленному шрифту, а не раздает скопированный файл. Для второго способа разрешения проверяют отдельно.
Найдите объявления шрифтов на одной странице
Введите открытый адрес страницы. Инструмент прочитает ее HTML и подключенные стили, соберет объявления шрифтов и сопоставит названия с проверенным справочником. По ссылкам на другие страницы он не переходит.
Инструмент не выполняет JavaScript проверяемой страницы, поэтому добавленные через него шрифты могут не попасть в список. Сведения о лицензии относятся к известному семейству из справочника. Происхождение файла на вашем сайте и наличие купленной лицензии эта проверка не устанавливает.
Сверьте лицензию с тем, как работает ваш сайт
Попросите текст лицензионного соглашения, который относится к полученному комплекту шрифтов. Если лицензия платная, сохраните подтверждение покупки и сведения о том, кому предоставлено право использования. По одному чеку без состава заказа трудно понять, какие начертания и способы использования оплачены.
В соглашении найдите разрешение на нужное веб-использование. Затем проверьте условия, которые влияют на ваш проект:
- На кого оформлена лицензия и как она разрешает работу дизайнера, разработчика и владельца сайта.
- Какие шрифты и начертания входят в приобретенный комплект.
- Можно ли размещать файлы на своем хостинге или требуется подключение через сервис поставщика.
- Есть ли ограничения по доменам, числу сайтов, просмотрам страниц или сроку использования.
- Нужно ли сохранять сведения об авторе, текст лицензии и другие уведомления при размещении файлов.
У бесплатного шрифта тоже проверьте условия
У Golos Text в официальном каталоге Google Fonts есть файл OFL.txt. В нем указаны правообладатель и открытая лицензия SIL Open Font License 1.1 (OFL). Она разрешает использование, встраивание и распространение шрифта при соблюдении перечисленных в ней условий. Такой комплект можно использовать на коммерческом сайте без покупки платной веб-лицензии.
При размещении файлов сохраните уведомление об авторских правах и текст лицензии согласно пункту 2 OFL. В передаваемом комплекте проекта оставьте их рядом со шрифтом, чтобы другой разработчик мог проверить источник и условия. Сама лицензия шрифта не требует переводить под OFL содержимое сайта.
Проверяйте лицензию именно скачанного комплекта. Надпись «бесплатно» на странице загрузки не объясняет, разрешено ли использовать шрифт на коммерческом сайте. Если файл получен из неизвестного источника, возьмите подтвержденный комплект у автора или в официальном каталоге и поручите разработчику сверить его с подключенным на сайте.
Проверьте, от чьей подписки зависит подключение
Adobe Fonts требует подключать веб-шрифты через предоставленный сервисом код. По этой подписке нельзя скачать файлы и разместить их на своем хостинге. Для самостоятельного размещения Adobe отсылает за отдельной лицензией к разработчику шрифта или авторизованному продавцу.
По условиям Adobe клиенту нужна собственная подписка для подключения веб-шрифтов на своем сайте. Разработчик создает в учетной записи клиента веб-проект, то есть набор выбранных шрифтов с настройками подключения, и меняет код подключения на сайте. Другой предусмотренный вариант состоит в том, чтобы обсудить перенос существующего веб-проекта со службой поддержки Adobe. При отмене подписки подключенные через нее веб-шрифты становятся недоступны, и сайт использует резервные шрифты. У другого сервиса проверьте его соглашение.
Если ваш сайт получает шрифт из внешнего сервиса, запишите владельца учетной записи и ответственного за продление. При передаче сайта проверьте, что подключение продолжит работать после завершения договора с разработчиком. Вариант со своим хостингом согласуйте по лицензии до переноса файлов.
Adobe Fonts: веб-лицензия, подписка и передача сайта клиенту
Если подтверждения лицензии не нашлись
Если уже получена претензия, сначала передайте ее юристу вместе со сведениями о подключении шрифта и перепиской с подрядчиком. Согласуйте с ним дальнейшие действия со спорным шрифтом. Следующий порядок подойдет для проверки, когда претензии нет.
Уточните у дизайнера или разработчика, откуда взят шрифт и на каких условиях он подключен. Попросите прислать соглашение и подтверждение покупки, если она требовалась. Фраза о том, что шрифт уже был установлен на компьютере, не отвечает на вопрос о разрешении для вашего сайта.
Если документы не проясняют условия, обратитесь к правообладателю или официальному продавцу. Укажите точное название шрифта, адрес сайта, способ подключения и сведения об имеющейся лицензии. Попросите подтвердить, покрывает ли она этот способ использования и какие действия нужны, если не покрывает.
Если подходящей лицензии нет, согласуйте ее получение или замену шрифта на комплект, лицензия которого разрешает нужное веб-использование. До замены сохраните сведения об исходном подключении и переписку.
После замены проверьте страницы на телефоне
После замены шрифта могут измениться ширина знаков и расстояния между строками. Длинное название товара может занять больше места, а текст кнопки перестать помещаться. Попросите разработчика проверить верстку на компьютере и телефоне, включая страницы с длинными заголовками.
Посмотрите, как отображаются кириллица, цифры, знак рубля, полужирный текст и курсив. Проверьте меню, поля форм и сообщения об ошибках. Если меняли шрифт для иконок, проверьте сами значки. Попросите разработчика подтвердить, что страницы загружают новые файлы шрифта и больше не обращаются к старым.
