Variable Fonts Demo | Microsoft Edge Demos
Microsoft heeft een demo site ontwikkelt over variable fonts. Maak een expeditie naar de typografische variëteit beschikbaar via variabele lettertypen.
Fleuruptodate.nl - Fleurt je kennis op
Mijn persoonlijke collectie van gelezen front-end development artikelen
Microsoft heeft een demo site ontwikkelt over variable fonts. Maak een expeditie naar de typografische variëteit beschikbaar via variabele lettertypen.
Deze site helpt designers en developers vertrouwd te raken met variable fonts op een manier die niet te overweldigend is. Er wordt informatie verschaft over wie de fonts hebben gemaakt, waar je terecht kunt voor meer informatie en of je het font mag gebruiken. Hoewel er niet beloofd wordt om een volledige, universele lijst bij te houden, worden de meeste, openbare, beschikbare lettertypes voorlopig op de site gedocumenteerd.
Axis-Praxis is een website waarop je kunt spelen met variable fonts. Ontdek de meer dan 30 lettertypes. Experimenteer aan de rechterkant met verschillende instellingen of kies links voor een specifiek lettertype. Elk tekstveld is volledig bewerkbaar: verander je lettertype, pas de fontgrootte, uitlijning, regelafstand of variatiesliders aan. Allemaal op basis van je eigen tekst.
Matthew deelt de voor en tegens van variabele lettertypen en vertelt wat hij geleerd heeft tijdens het implementeren ervan.
Met variabele fonts wordt typografie verrijkt en krijgt het meer invloed op het web. Je wilt hier graag gebruik van maken in je volgend project. Maar niet ten kosten van alles. In dit artikel lees je hoe je variabele fonts kunt gaan gebruiken en hoe je kunt terugvallen op oudere technieken zodra een browser het niet ondersteunt.
Variable fonts, dé lettertype technologie voor onze digitale tijdperk. Ze hebben de kracht om typografie op het web te verrijken met zijn lagere bestandsgrootte. Maar door deze nieuwe mogelijkheden en voordelen ontstaan ook nieuwe uitdagingen en complexiteit. Dus wat maakt dit nu zo spectaculair? En hoe kunnen we het gaan gebruiken? Dit artikel geeft je een inleiding over variable fonts en begeleidt je stap voor stap wat het inhoud.
Er zijn aanpassingen in CSS op komst die je nodig gaat hebben voor variable fonts. Twee zaken in het bijzonder hebben invloed op de CSS die we nodig hebben om met variabele lettertypen te werken. In dit artikel lees je welke.
In oktober 2016 is versie 1.8 van OpenType uitgebracht en daarmee een uitgebreide nieuwe technologie: OpenType-lettertypevariaties. Deze technologie, beter bekend als variable fonts, zorgt ervoor dat een enkel lettertypebestand zich als meerdere lettertypen gedraagt. Dit wordt gedaan door variaties in het lettertype te definiëren, die worden geïnterpoleerd langs een of meer assen. Twee van deze assen kunnen breedte en gewicht zijn, maar de letterontwerper kan ook vele anderen definiëren.