Vi tar webbfonter för givet idag. Vi har inte alltid möjlighet att ställa in vår text i nästan vilken typsnitt som helst. Jag menar att vi kan, men då måste vi sucka och säga: "Jo det ser bra ut på ungefär fem människors datorer. Hoppas att alla andra gillar Verdana! "
Webfonter har medfört ett stort behov av variation för de sedda, några missbruk av typografi, lite extra sidvikt som tecknen själva laddades och blinkar av ostylad eller osynlig text. Tja ... omelett, ägg, bryta, du får idén. Det var bunden att hända.
Om användare sitter fast tittar på en tom sida för länge kan de bara bestämma sig för att lämna
Det är lite av ett användbarhetsproblem, men när texten är osynlig tills den anpassade teckensnittet laddas. Om användare sitter fast tittar på en tom sida för länge (och för länge kan vara millisekunder) kan de bara bestämma sig för att lämna. Och det är rättvist nog. Det är inte användarvänligt.
Snabbspolning några år, och vi gör framsteg när det gäller att styra hur teckensnitt laddas. Hittills har vi gjort det med bibliotek från tredje part och API: er. Men nu, till sist, kommer denna funktionalitet till CSS.
Ange egenskapen för teckensnittskärm . Det är för närvarande bara i Opera, Opera för Android och Chrome. (Det introducerades först i Chrome 49 som en experimentell funktion.)
Den levereras med fyra alternativ: auto , byt , fallback och valfritt .
I grund och botten väljer du typsnittskärm: auto lämnar webbläsaren att fungera som den gör nu. Texten blir osynlig tills de anpassade teckensnittet laddas.
swap är förmodligen vad de flesta kommer att använda. Om teckensnittet inte är laddat kommer nästa tillgängliga teckensnitt som definieras i typsnittet familjeegenskap att användas. När webbfonten laddas, kommer den att ersättas. Detta är i grunden en flash av ostylat innehåll, men det är mer användarvänligt än osynligt innehåll, tror jag.
fallback skiljer skillnaden mellan de två första alternativen. För en fördröjning på 100 millisekunder kommer texten att vara osynlig. Om den anpassade teckensnittet är laddad då kommer den att användas. Om inte, kommer nästa teckensnitt i följdföljden att styra tills den anpassade teckensnittet är laddat.
valfria fungerar som återgång, förutom att webbläsaren kan besluta att inte ladda den anpassade teckensnittet alls om användarens anslutning är för långsam
valfria fungerar som återgång, förutom att webbläsaren kan besluta att inte ladda den anpassade teckensnittet alls om användarens anslutning är för långsam.
Och där har vi det. declaration. Tänk på att teckensnittet är avsedd att användas i en @ font-face- deklaration. Det betyder att det inte kommer att fungera med leverantörer av typsnitt som Typekit eller Google Fonts för nu. När teckensnittskärmen blir mer utbredd, är det troligt att de kommer att implementera någon form av alternativ för den här funktionen.