Шрифти в браузерах: ключові параметри для антифрод-систем

10.01.25

У сучасному світі технологій антифрод-системи використовують дедалі складніші методи для виявлення шахрайської активності. Одним із важливих параметрів для унікалізації користувачів та аналізу їхніх пристроїв є шрифти, встановлені в системі. Розглянемо, як шрифти можуть бути використані в антифроді, їхню роль в ідентифікації пристроїв, способи підміни та методи виявлення підробок.

###### Історія та роль шрифтів у браузерах

Шрифти, використовувані пристроями, є ключовою характеристикою, що впливає на відображення веб-сторінок. Браузери надають інформацію про доступні шрифти через CSS і JavaScript API, що дає змогу веб-сайтам адаптувати відображення контенту під систему користувача. В антифрод-системах шрифти використовуються для унікалізації, оскільки набір встановлених шрифтів може істотно відрізнятися залежно від пристрою, операційної системи, версії та встановлених застосунків.

###### Методи отримання даних про шрифти

1. **CSS Font-Family Fallback**
Використовується стиль font-family, щоб визначити, чи відображається текст із використанням зазначеного шрифту. Якщо браузер не підтримує шрифт, він використовує шрифт за замовчуванням.
       
   2. **Canvas Fingerprinting**
За допомогою API CanvasRenderingContext2D можна намалювати текст і виміряти його розміри, щоб визначити наявність шрифту. Це популярний метод для створення «відбитка» пристрою.

3. **CSS Queries for Font Support**
   Використовуючи [@font-face](#) і властивості CSS, можна перевірити доступність шрифту.

4. **JavaScript-based Font Enumeration**
JavaScript дає змогу перевірити наявність шрифту шляхом вимірювання ширини та висоти тексту з використанням різних шрифтів.

###### Як шрифти використовуються в антифроді

1. **Унікалізація користувачів**.
Встановлені шрифти можуть відрізнятися залежно від операційної системи, встановленого ПЗ і налаштувань користувача. Це створює унікальний «відбиток» пристрою.

2. **Виявлення підробок**
Якщо шахраї використовують антидетект-браузери, набір доступних шрифтів може не відповідати платформі, заявленій у User-Agent.

3. **Порівняння з іншими параметрами**
Наприклад, антифрод-системи можуть звіряти набір доступних шрифтів із даними Canvas або WebGL, щоб знайти невідповідності.

###### Методи підміни шрифтів та їх виявлення

1. **Емуляція або підміна набору шрифтів**
Зловмисники можуть використовувати програми для зміни списку доступних шрифтів. Однак такі підміни можна виявити, аналізуючи розміри відмальованого тексту або поведінку інших API.

2. **Блокування шрифтів**
Деякі браузери або плагіни можуть приховувати список шрифтів, щоб ускладнити ідентифікацію. Але такі спроби теж створюють підозрілі патерни.

3. **Виявлення підміни**
Антифрод-системы используют корреляцию между наборами шрифтов и другими характеристиками системы, например, платформой или архитектурой процессора.
Рассмотрим на примерах, каким образом системы получают информацию о шрифтах. Откроем страницу <a href="https://browserleaks.com/fonts" target="_blank">browserleaks.com/fonts</a>

![](/media/mdeditor/1_20250110150019844842.png)

В разделе Font Metrics: Fingerprint сайт показывает MD5-хэш метрик всех найденных шрифтов в нашем браузере. Сайт обнаружил 146 шрифтов из которых 112 содержат уникальные размеры. В разделе Report мы видим размеры, ширину и высоту проверяемой строки с символами «mmmMMMmmmlllmmmLLL₹▁₺₸ẞॿmmmiiimmmIIImmmwwwmmmWWW» для каждого из шрифтов. Сайт проверяет более 1400 известных шрифтов и ищет их в браузере пользователя. В разделе Unicode Glyphs: Fingerprints сайт показывает MD5-хэш, полученный на основе результатов рендеринга специальных символов Unicode. Ниже представлена подробная информация о размерах каждого из проверяемых символов для разных семейств шрифтов.

Рассмотрим пример получения шрифтов на нашей тестовой странице <a href="https://test-webapi.tech/glyph" target="_blank">test-webapi.tech/glyph</a> откроем страницу в браузере Chrome и дождёмся результатов теста:

![](/media/mdeditor/2_20250110150249677293.png)

Эта страница отрисовывает большое количество знаков и символов для каждого из шрифтов и формирует MD5-хэш для каждого из обнаруженных шрифтов, после этого формируется общий MD5-хэш (Overall MD5) из хэш всех шрифтов и количества найденных в браузере пользователя шрифтов. Так же на странице для примера представлен тестовый вариант определения системы пользователя и браузера, который заключается в оценке значений MD5-хэш некоторых шрифтов. У нашому прикладі сайт виявив уже не 146, а 227 шрифтів, визначив, що ми використовуємо ОС Windows і браузер із движком Chromium.

Повторимо тест у нашому антидетект-браузері без підміни шрифтів:

![](/media/mdeditor/3_20250110150326531770.png)

У результаті ми отримали відмінний від справжнього браузера MD5-хеш, меншу кількість шрифтів, сайт визначив нашу систему як Windows Server і браузер із движком Chromium. Спробуємо підмінити набір шрифтів в антидетект-браузері та повторимо тест:

![](/media/mdeditor/4_20250110150355136792.png)

У цьому тесті антидетект-браузер підмінив набір шрифтів, кількість шрифтів відповідає оригінальному браузеру Chrome, але Overall MD5-хеш відрізняється від оригінального браузера, це означає, що розміри символів для деяких шрифтів відрізняються. Таким чином можна досить точно ідентифікувати користувачів за набором шрифтів та їхніми метриками.

Спробуємо відкрити нашу сторінку в браузері Firefox:

![](/media/mdeditor/5_20250110150428006658.png)

Наша тестова сторінка за накресленням шрифтів визначила, що ми використовуємо браузер Firefox. Зауважимо, що розміри символів шрифту Arial у браузері Firefox відрізняються від розмірів символів цього ж шрифту в браузері Chrome.

Повторимо тест на мобільних пристроях:

![](/media/mdeditor/6_20250110150503395946.jpg)

Звернемо увагу, що мобільний браузер Chrome для більшості шрифтів повертає однакові значення. Так само зазначимо, що на однакових пристроях і в браузерах однакової версії відтворення шрифтів відрізняється, що дає змогу досить точно унікалізувати відвідувачів, особливо використовуючи додаткові дані, про які ми говорили в наших попередніх статтях.

Спробуємо перевірити антидетект-браузер, використовуючи профіль мобільного пристрою:

![](/media/mdeditor/7_20250110150533590383.png)

У результаті цього тесту ми бачимо, що антидетект-браузер додає шрифти, що відповідають шрифтам мобільного пристрою, але при цьому значення метрик деяких шрифтів збігаються з десктоп-версією браузера. Сайт визначив, що ми використовуємо Windows Server, що ніяк не відповідає мобільному пристрою Android.

Так само Антифрод-системи можуть отримувати інформацію про системні шрифти в браузері. Розглянемо на прикладах браузерів Chrome, Firefox на десктоп і мобільних пристроях:

**Десктоп Chrome**

![](/media/mdeditor/8_20250110150606488805.png)

**Десктоп Firefox**

![](/media/mdeditor/9_20250110150628328712.png)

**Андроїд Chrome**

![](/media/mdeditor/10_20250110150658773554.jpg)

**Android Firefox**

![](/media/mdeditor/11_20250110150742028511.jpg)

У результаті цього тесту ми бачимо, що сімейства системних шрифтів браузера та їхні розміри відрізняються один від одного на різних пристроях у різних браузерах. Таким чином сайти можуть визначати тип пристрою і використовуваний движок браузера.

###### Висновок
Шрифти в браузерах - це потужний інструмент для антифрод-систем. Вони використовуються для створення унікальних «відбитків» пристроїв і виявлення шахрайських дій. Їхній аналіз у поєднанні з іншими параметрами, як-от Canvas і WebGL, робить алгоритми антифрод-систем надійнішими.

*Bannykh M.V.*