Vi tar nettskrifter for gitt i disse dager. Vi har ikke alltid muligheten til å sette inn teksten vår i nesten alle skrifttyper. Jeg mener, vi kunne, men da måtte vi sukke og si: "Vel, det ser bra ut på omtrent fem menneskers datamaskiner. Håper alle andre liker Verdana! "
Webfonter førte til et sårt behov for det som var sett, noen brudd på typografi, litt ekstra vekt på siden som fonterene selv ble lastet, og blinker av ustabil eller usynlig tekst. Vel ... omelett, egg, bryter, du får ideen. Det var bundet til å skje.
Hvis brukerne sitter fast ser på en tom side for lenge, kan de bare bestemme seg for å forlate
Det er litt av et bruksproblem, men når tekst er usynlig til den egendefinerte skrifttypen blir lastet inn. Hvis brukerne sitter fast ser du på en tom side for lenge (og for lenge kan være millisekunder), kan de bare bestemme seg for å forlate. Og det er bra nok. Det er ikke brukervennlig.
Rask fremover noen få år, og vi gjør fremgang på å kontrollere måten fonter laster. Inntil nå har vi gjort det med tredjepartsbiblioteker og APIer. Men nå, til slutt, kommer denne funksjonaliteten til CSS.
Skriv inn egenskapen for skriftvisning . Det er for tiden bare i Opera, Opera for Android og Chrome. (Det ble først introdusert i Chrome 49 som en eksperimentell funksjon.)
Den leveres med fire alternativer: auto , bytte , tilbakekalling og valgfri .
I utgangspunktet velger du skriftvisning: automatisk vil la nettleseren gå slik som den gjør nå. Tekst vil være usynlig til de egendefinerte skrifttypene lastes.
bytte er trolig hva de fleste vil bruke. Hvis skrifttypen ikke er lastet, vil den neste tilgjengelige skriften som er definert i egenskapen skriftfamilie , bli brukt. Når web skrifttypen lastes, vil den bli erstattet. Dette er i utgangspunktet et blunk av ustilt innhold, men det er mer brukervennlig enn usynlig innhold, tror jeg.
Fallback deler forskjellen mellom de to første alternativene. For en forsinkelse på 100 millisekunder vil teksten være usynlig. Hvis den egendefinerte skrifttypen er lastet inn, vil den bli brukt. Hvis ikke, vil neste skrift i rekkefølgen styre til den egendefinerte skrifttypen er lastet inn.
valgfri fungerer som tilbakebetaling, bortsett fra at nettleseren kan bestemme seg for ikke å laste den egendefinerte fonten i det hele tatt, hvis brukerens tilkobling er for sakte
valgfri fungerer som tilbakebetaling, bortsett fra at nettleseren kan bestemme seg for ikke å laste den egendefinerte fonten i det hele tatt, hvis brukerens tilkobling er for sakte.
Og der har vi det. declaration. Vær oppmerksom på at skjermfonten er ment å brukes i en @ font-face- deklarasjon. Det betyr at det ikke vil fungere med tredjepartsfonteringsleverandører som Typekit eller Google Fonts for nå. Når font-skjerm blir mer utbredt, er det sannsynlig at de vil implementere en slags alternativ for denne funksjonen.