Чтобы шрифт на сайте не «мерцал» при загрузке страницы и особенно при 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
сгенерированный код.