Vidste du, at din webbrowser automatisk downloader og bruger skrifttyper, der ikke er installeret på dit system? Web skrifttyper hjælper de sider, du browser hver dag, ser bedre ud. Her er hvad de er, og hvordan de arbejder.
Desktop skrifttyper vs web skrifttyper
Vi bruger alle skrifttyper hver dag. Nogle af dem Kom med dit operativsystem , nogle kommer fra applikationer som Adobe Creative Suite eller Microsoft Office, og nogle er dem, som du downloader eller køber og Installer dig selv. . Når de er installeret, kan du bruge disse skrifttyper i Word-processorer, billedredigeringssoftware og meget mere. Disse er desktop skrifttyper, og de er gemt lokalt.
En anden type skrifttype er blevet vigtigere, da vores computeroplevelse er flyttet online. Disse er Web Fonts-typografi, der er gemt på skyen (og derefter cachelagret i din browser) og bruges til at generere teksten, der vises på hjemmesider.
En kort historie om web skrifttyper
I de tidlige dage af internettet var typografi på websider begrænset til, hvilke skrifttyper blev installeret på dit system. Hvis en skrifttype ikke var installeret, vil websiden indlæse en standard "Fallback" skrifttype, der var mere tilbøjelige til at være tilgængelig. På grund af dette valgte webdesignere ofte standardsystemets skrifttyper til deres websteder.
Blandt disse var Microsofts Kerne skrifttyper til web , et sæt skrifttyper lavet frit tilgængeligt til webdesign. Denne pakke omfattede bredt anvendte systemfonte som Times New Roman, Arial, Comic Sans. , og trebuchet. Alternativt kunne designere bruge skrifttype familier som Serif, Sans-Serif og Monospace til at angive den generelle stil af en skrifttype, selvom en bestemt ikke var tilgængelig.
Dette ændrede sig i 2010, da Google lancerede Google Fonts. , et stort open source-repository for gratis skrifttyper, der kan bruges overalt på internettet. Siden da er andre konkurrenter, som Adobes TypeKit og Web-Hosted Font plugins, dukkede op. Millioner af websteder fra hele verden løber på web-skrifttyper, herunder Googles produktivitetssuite .
Hvordan web skrifttyper arbejder
Den største webfontudbyder, Google Fonts, er et ekspansivt webbibliotek på over tusind skrifttyper. Du kan bruge dem på din hjemmeside ved at trække dem via CSS, og mobile udviklere kan få adgang til disse skrifttyper, når du opretter Android-apps.
Når en webside bruger Google-skrifttyper, trækker den en skrifttype fra Googles database, og viser derefter teksten i den skrifttype til dig i din browser. Disse skrifttyper er hostet på Googles server og lastes næsten øjeblikkeligt. Andre sky skrifttyper fungerer meget på samme måde.
Et andet alternativ bruger selvhostede, indlejrede skrifttyper på internettet i stedet. Dette sker gennem Web Åbent skrifttypeformat (WOFF) -A komprimeret skrifttypefil udviklet af Mozilla, der er kompatibelt med de fleste moderne webbrowsere. Woff er nyttig, hvis du vil integrere en brugerdefineret skrifttype, der ikke er tilgængelig på en web-skrifttype.
Få Web Fonts.
Google Fonts-depotet og alle skrifttyper under den er helt gratis at bruge og tilgængelige for alle. Det bruger kun skrifttyper under en åben licens, og mange af disse skrifttyper er blevet hæfteklammer af webdesign, som Roboto, Lato og Montserrat. Google er vært for en hjemmeside Det lister alle sine tilgængelige skrifttyper og giver dig mulighed for at prøve dem ud og sammenligne dem med hinanden. Google tilbyder også en database med gratis vektor ikoner.
Da disse skrifttyper er frit tilgængelige, kan du downloade de originale skrifttypefiler Til brug på dit skrivebord såvel. Mange websteder er vært for Google Fonts 'repositories, herunder Googles egen github . Du kan bruge disse skrifttyper i projekter, dele dem frit med andre, og downloade dem fra andre steder på internettet gratis.
Mange Website Builders og Content Managers som WordPress og Squarespace leveres med support til web skrifttyper ud af boksen. Hvis du bruger et brugerdefineret websted, skal du uploade skrifttypefilen til din server og bruge CSS-kode til at pege på den skrifttypefil, du vil bruge.
Hvis du gerne vil vide mere om at bruge Web-skrifttyper til dit websted, skal du tjekke dette CSS Web Font Guide fra w3schools.
RELATEREDE: Sådan installeres og administrer skrifttyper i Windows 10's indstillinger app