We hebben een nieuwe kit opgezet in Typekit voor v10. Voor branding gebruiken we voorlopig Proxima Nova Soft en enkele andere lettertypen die zo dicht mogelijk lijken op de HF & J-lettertypen in onze mockup.
We maken ons een beetje zorgen over het gewicht van de kit (letterlijk de bestandsgrootte van alle lettertypen), maar denken dat we het vóór de productie iets beter kunnen doen.
We gebruiken het asynchrone JavaScript dat Typekit biedt, wat goed zou moeten zijn voor de laadtijd van onze pagina en bescherming zou moeten bieden tegen mogelijke uitval van Typekit. Dit betekent dat we een beetje moeten bedenken hoe de lettertypen worden geladen, wat we zullen bespreken.
In ons bits.scss-bestand, waar we nu variabelen bewaren, maken we een aangepaste @mixin voor onze lettertypestapels. Dit betekent dat het heel gemakkelijk zal zijn om de gebruikte lettertypen te wijzigen als dat ooit nodig is (wijzigen op slechts één plaats). We willen ervoor zorgen dat bits.scss absoluut geen CSS genereert wanneer het wordt gecompileerd, zodat het kan worden @importeerd op elke pagina die het nodig heeft zonder dat het iets toevoegt aan die pagina om het te importeren.
We vertellen Typekit over onze lokale aangepaste lokale ontwikkelingsdomeinen, die we vervolgens zullen opzetten.