Вот попробуйте, только замените ссылки картинкам на свои.
Ширина и высота вставляемых картинок должны быть одинаковы.
Например 8 картинок 200x200 пикселей. https://codepen.io/Viperx/pen/OJveXoJ
Обычно на ПК(Windows 10)
шрифты хранятся по этому пути: C:\Windows\Fonts\какой-то там шрифт
Если у пользователя по этому пути будет обнаружен шрифт,
который у вас на сайте, то браузер автоматически подключит данный шрифт.
Такой метод используется, чтобы ускорить загрузку страниц и уменьшить запросы к серваку.
А если у пользователя не будет шрифта на компе,
то браузер скачает данный шрифт у вас с сайта,
если конечно вы правильно указали путь по которому можно скачать шрифт.