Font on Mobile

[jcuenod]

For some reason we don't get complete coverage on Greek text with "SBL Biblit" on mobile.

[jcuenod]

This could actually be related to #7

[jcuenod]

I notice that the ש with a dot struggles to display correctly. This must be a unicode + glyphs in the webfont issue.

[jcuenod]

It looks as though a good avenue for investigation is document.fonts.check:

Once content is loaded, something like

if (!document.fonts.check("12px SBLBiblit") {
    let fontFace = new FontFace("SBLBiblit", `url('SBLBiblit.woff2') format('woff2'), 
        url('SBLBiblit.woff') format('woff')`);
    fontFace.load().then((loadedFontFace) => {
        document.fonts.add(loadedFontFace);
        // not sure we need this line...
        document.getElementById("target").style.fontFamily = "SBLBiblit";
    })
}

[jcuenod]

Just remembered that theMarker knows what fonts you have...
It uses <script src="js/fontdetect.min.js"></script> from https://github.com/JenniferSimonds/FontDetect

FontDetect.isFontLoaded('SBL BibLit')

[jcuenod]

Also, there is dynamic loading: https://github.com/typekit/webfontloader

I'm thinking we just force SBL though...