При загрузке страницы в сафари отображается стандартный шрифт в Canvas вместо желаемого.
Сам canvas рендерится посредством библиотеки pixi-fiber в React.
Для подключения шрифта использовано решение -
HTML:
<div style="position: absolute; top:-10000px; left:-10000px">
<div id="d1">.</div>
</div>
css:
@font-face{
font-family: "Custom Font";
src:url(...);
url(...) format('...'),
font-weight:400;
font-style:normal
}
#d1 {
font: 700 1px Custom Font;
position: absolute;
color: #fff;
}
Работает во всех браузерах, кроме сафари.
Простой
