Чтобы шрифт на сайте не «мерцал» при загрузке страницы и особенно при Ctrl + Shift + R, достаточно конвертировать ttf в base64. Команда для МакОси:

openssl base64 -A -in name.ttf -out name.txt 

Где name имя шрифта. Затем в css:

@font-face {
    font-display: block;
    font-family: 'name';
    font-style: normal;
    font-weight: 100;
    src: url(data:font/truetype;charset=utf-8;base64,code) format('truetype');
}

Где code сгенерированный код.

Проверяю как встраиваются картинки. Кстати, они автоматически конвертируются в webp. Оригинальное изображение в png весит 1.44 МБ. В webp оно 186 КБ.

Это первая запись в микроблоге на Datenstrom Yellow — статическом генераторе сайтов.