Ускорение рендеринга шрифтов на мобильных устройствах в Safari?

Question

Я отображаю таможенные шрифты в веб-просмотре на iPad. рендеринг работает и шрифты отображаются так, как должны. но рендеринг медленный. так что все на моих страницах загружается быстро, кроме шрифта. Любая идея, как я могу ускорить вещи?

спасибо

Answer 1

Есть несколько опций, которые необходимо оптимизировать для правил шрифта.Используя data: url, вы можете использовать встроенный шрифт, кодируя в base64.Например:

@font-face {
    font-family: "My Font";
    src: url("data:font/opentype;base64,[base-encoded font here]");
}

Существуют и другие полезные соображения по поводу производительности и подходы, изложенные в этой статье с 2009 г.