Bricks: instellen fall-back font

Als je in Bricks Builder eigen fonts hebt opgeslagen zal je vaak zien dat bij diverse speedtesten voor de website er opmerkingen voorbij komen over het verspringen van elementen waarbij de te laden fonts de oorzaak zijn. Er wordt namelijk tijdens het laden dan geen alternatief font gebruikt en ziet de browser dat als een wachtmoment en verspringt alles zodra de fonts wel geladen zijn en er tekst wordt getoond.

Dit wordt veroorzaakt doordat je over het algemeen in Bricks wel de te gebruiken font zal opgeven in de thema instellingen, maar geen fall-back font aangeeft. Dit is simpel te verhelpen door bij de standaard font instellingen in Bricks ook een alternatief op te geven.

Open in Bricks een template of pagina, die met Bricks is gemaakt, de SETTINGS en kies voor THEME STYLES

Image

Navigeer vervolgens naar onderdeel TYPOGRAPHY en kies voor optie Body

Image

Bij optie Font variations settings kun je bij veld fallback fonts dan bijvoorbeeld de volgende waarde invullen, maar dat is geheel naar eigen inzicht. Daar kan elk standaard beschikbare font komen te staan (Verdana, Roboto etc.)

Image

Laat de eerste reactie achter