Väikese näksimise probleemi lahendamiseks teeme väikese pausi otsingu kallal töötamisel.
“FOUT” on “stiilita teksti välk”. See on nähtus, kus @ font-face fontide laadimine võtab natuke aega ja seega näete varundusfonti enne kohandatud fonti. Tavaliselt pole see Typekitis probleem. Samuti ei ole see tänapäevastes brauserites tegelikult probleem (välja arvatud IE 9). Kuid see on meie jaoks probleem, kuna oleme spetsiaalselt valinud Typekiti JavaScripti asünkroonse laadimise.
Lootus pole siiski kadunud, Typekitil on see probleem kaetud, peame lihtsalt oma saidil tööd tegema. Panime elemendile uue klassi nime nimega “wf-loading” (veebifondi laadimine). Seejärel kuulutame oma CSS-is, et iga kohandatud fondi kasutav selektor on nähtavalt varjatud, kuni selle klassi nimi kaob. Võib arvata, et on natuke riskantne, kuid kui fondi laadimine ebaõnnestub, eemaldatakse klass igal juhul. See on mõeldud ainult selleks, et võidelda MITTE mäletate, vaid natuke visuaalset ilu.
Me teeme seda kõike, tehes väikese Sassi @mixinnimega “preventFOUT” ja sisestades @includeselle oma kohandatud fondivirnadesse , mis on samuti @mixins.
See töötab nüüd meie jaoks hästi. Lõppkokkuvõttes liigume selles kujunduses üle HF & J-fontidele, mis laaditakse otse @ font-face'i kaudu, nii et me ei pea enam selle pärast muretsema.