Веб-разработчик изучает вкладку сети в браузере на экране ноутбука

Google Fonts на сайте и как перенести их к себе

Если сайт подключает шрифт по адресу вроде fonts.googleapis.com, файл шрифта загружается не с вашего сервера, а напрямую с сервера Google. Чтобы получить файл, браузер посетителя сам обращается к этому серверу и в процессе передаёт его IP-адрес, причём это происходит ещё до того, как человек хоть что-то нажал на странице.

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

20 января 2022 года земельный суд Мюнхена, LG München I, вынес решение по делу 3 O 17493/20 и присудил посетителю сайта 100 евро компенсации на основании статьи 82 регламента DSGVO. Причиной стало именно то, что сайт передал IP-адрес компании Google без согласия посетителя.

Суд разделил два способа подключения шрифтов. Динамическое подключение означает, что файл шрифта запрашивается с внешнего сервера при каждом открытии страницы. Локальное подключение означает, что файл лежит на сервере самого сайта и никуда не обращается. Претензия в деле касалась именно динамического способа.

После этого решения по Германии прошла заметная волна писем с требованием тех же ста евро, причём часть из них рассылалась автоматически, без того, чтобы предполагаемый пострадавший действительно заходил на конкретный сайт. Отличить обоснованное требование от массовой рассылки не всегда просто, и торопиться с ответом не стоит.

Проверить собственный сайт можно за пару минут и без специальных инструментов. Откройте страницу в браузере, нажмите F12, перейдите на вкладку сети и обновите страницу. Если среди запросов появляются обращения к fonts.googleapis.com или fonts.gstatic.com, шрифты грузятся со стороннего сервера.

Перенос шрифтов на собственный сервер выглядит так. Файлы шрифта скачиваются и кладутся вместе с остальными файлами сайта, в таблице стилей прописывается правило font-face со своим путём к файлу, а старая строка со ссылкой на Google удаляется. На сайтах на WordPress эта строка часто приходит из темы или плагина, а не из настроек, которые видит владелец сайта, поэтому проверку на вкладке сети стоит повторить после переноса и после каждого обновления темы.

По той же схеме работают и другие встроенные элементы. Карты, видеоплееры, защита от спама и скрипты со сторонних CDN точно так же передают IP-адрес посетителя ещё до получения согласия, если подключены напрямую с чужого сервера.

Если письмо с требованием уже пришло, разумный порядок такой, сначала устранить саму причину на сайте, а уже потом оценивать обоснованность требования. Оплата по первому письму и подпись под приложенным отказом от нарушения без проверки юристом иногда обходятся дороже, чем сама заявленная сумма.

У локальных шрифтов есть и практический побочный эффект, сайт перестаёт ждать ответа от стороннего домена и показывает текст раньше.

Этот текст объясняет техническую и правовую суть требования и не заменяет консультацию юриста. Оценка конкретного письма и конкретного сайта всегда зависит от деталей случая.

Поделиться
Портрет Ильи Беличенко, технического специалиста Illia BizTech
Illia Belichenko

Illia отвечает за техническую часть Illia BizTech: разработку и доработку сайтов, формы, интеграции, автоматизацию и техническую поддержку. Работает над тем, чтобы сайт, контент, реклама и рабочие процессы были связаны между собой и не создавали лишней ручной работы.

Сайты, которые делает Illia BizTech, отдают шрифты со своего домена, а не подгружают их напрямую с серверов Google, и это не отдельная опция за доплату, а обычная часть сборки. Это снимает именно тот риск, из-за которого немецкий суд в 2022 году присудил компенсацию по статье 82 DSGVO, IP-адрес посетителя просто не уходит на сторонний сервер при загрузке страницы.

Illia BizTech делает и ведёт сайты для малого и среднего бизнеса на русском, немецком и английском языках, от первой версии сайта до постоянной поддержки и SEO-продвижения. Команда ведёт проект от идеи до запуска без долгих внутренних согласований и лишних передаточных звеньев, поэтому клиент общается напрямую с теми, кто пишет код и настраивает контент, а не ждёт ответа через цепочку менеджеров. Это удобно бизнесу, который переезжает в Германию или расширяется на немецкоязычный рынок и хочет объяснить задачу один раз, а не пересказывать её заново на каждом созвоне.