Vi tager i dag webfonte til for givet i disse dage. Vi har ikke altid mulighed for at indstille vores tekst i næsten alle skrifttyper. Jeg mener, det kunne vi, men så skulle vi sukke og sige: "Nå, det ser godt ud på omkring fem menneskers computere. Håber, at alle andre kan lide Verdana! "

Web skrifttyper bragte en meget tiltrængt sort til de sete, et par misbrug af typografi, nogle ekstra sidevægt, som skrifttyperne selv blev indlæst, og blinker af uformet eller usynlig tekst. Nå ... omelet, æg, bryde, du får ideen. Det var bundet til at ske.

Hvis brugerne sidder fast, ser man for længe på en tom side, kan de bare beslutte at forlade

Det er lidt af et brugbarhedsproblem, selvom tekst er usynlig, indtil den brugerdefinerede skrifttype bliver indlæst. Hvis brugerne sidder fast ser man for lang tid på en tom side (og for længe kan være millisekunder), kan de bare beslutte at forlade. Og det er ret nok. Det er ikke brugervenligt.

Hurtigt frem nogle få år, og vi gør fremskridt med at kontrollere, hvordan skrifttyperne belastes. Indtil nu har vi gjort det med tredjepartsbiblioteker og API'er. Men nu slutter denne funktionalitet til CSS.

Indtast skrifttypevisningsegenskaben . Det er i øjeblikket kun i Opera, Opera for Android og Chrome. (Det blev først introduceret i Chrome 49 som en eksperimentel funktion.)

Den leveres med fire muligheder: automatisk , bytte , tilbagekald og valgfri .

Grundlæggende vælger du skrifttyper: Auto vil lade browseren handle som den gør nu. Tekst vil være usynlig, indtil den brugerdefinerede skrifttype belastes.

swap er nok det, folk flest vil bruge. Hvis skrifttypen ikke er indlæst, vil den næste tilgængelige skrifttype, der er defineret i skrifttypefamilieegenskaben , blive brugt. Når web skrifttypen læses, vil den blive erstattet. Dette er dybest set en flash af uformet indhold, men det er mere brugervenligt end usynligt indhold, tror jeg.

Fallback opdeler forskellen mellem de to første muligheder. I en forsinkelse på 100 millisekunder vil teksten være usynlig. Hvis den brugerdefinerede skrifttype er indlæst, vil den blive brugt. Hvis ikke, vil den næste skrifttype i rækkefølgen styre, indtil den brugerdefinerede skrifttype er indlæst.

valgfri fungerer som tilbagesendelse, bortset fra at browseren kan beslutte ikke at indlæse den brugerdefinerede skrifttype overhovedet, hvis brugerens forbindelse er for langsom

valgfri fungerer som tilbagesendelse, bortset fra at browseren kan beslutte ikke at indlæse den brugerdefinerede skrifttype overhovedet, hvis brugerens forbindelse er for langsom.

Og der har vi det. declaration. Vær opmærksom på, at skærmbilledet skal bruges i en @ font-face- erklæring. Det betyder, at det ikke vil fungere med tredjeparts skrifttypeudbydere som Typekit eller Google Fonts for nu. Når font-displayet bliver mere udbredt, er det sandsynligt, at de vil implementere en slags mulighed for denne funktion.