Autor Zpráva
JardaB
Profil
Zdravím,

načítám externí google fonty pomocí

<link href='https://fonts.googleapis.com/css?family=Charmonman|Butcherman|Black+Ops+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

existuje nějak možnost pomocí javascriptu průběžně ověřovat, zda jsou již fonty načtené?
Přečetl jsem několik článků, jak správně fonty načítat. Neřeší ale přesně můj případ. Rád bych uživatele pustil dál, až jsou fonty načtené. Většinou se právě řeší jejich načítání za pochodu tak, aby neovlivnili uživatele. Chci zobrazit info, že se načítají fonty a jakmile jsou načtené, tak teprve umožním uživateli další práci.

Nyní testuji následující a vypadá, že by mohlo fungovat:
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js" async defer></script>
<script>
    WebFontConfig = {
        google: { families: ['Charmonman:400:latin,latin-ext','Butcherman:400:latin,latin-ext','Black+Ops+One:400:latin,latin-ext'] },
        active: function() {
                            document.getElementById("load_fonts").style.display = 'none'; 
                           }
    };
</script>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0