Mikä on Web Font?

Aug 7, 2025
Yleiset

Tiesitkö, että selaimessasi automaattisesti ladata ja käyttää fontteja, joita ei ole asennettu järjestelmään? Verkkofontteja auttaa sivut selaat päivittäin näyttää paremmalta. Tässä mitä ne ovat ja miten ne toimivat.

Työpöydän fontit vs. Verkkokirjasimet

Käytämme kaikki fontit päivittäin. Jotkut heistä tulevat käyttöjärjestelmän Jotkut tulevat sovellukset, kuten Adobe Creative Suite tai Microsoft Office, ja jotkut ovat ne, jotka lataat tai ostaa ja asentaa itse . Kun ne on asennettu, voit käyttää näitä fontteja tekstinkäsittelyohjelmat, kuvankäsittelyohjelmalla, ja enemmän. Nämä ovat työpöydän fontteja, ja ne tallentuvat paikallisesti.

Pixieme / Shutterstock

Toinen fonttia on tullut tärkeämmäksi kuin meidän tietokoneen käyttöä on siirtynyt verkossa. Nämä ovat Verkkokirjasimet-typografia tallennettu pilveen (ja sitten välimuistissa selaimessa) ja käytetään tuottamaan tekstiä joka näkyy verkkosivuilla.

Lyhyt historia Verkkokirjasimet

Alkuaikoina internet, typografia verkkosivuilla rajoittui siihen, mitä kirjasimia asennettiin järjestelmään. Jos fonttia ei ole asennettu, verkkosivu voisi ladata standardi ”fallback” font joka oli todennäköisemmin käytettävissä. Tämän vuoksi web-suunnittelijat usein valitsi oletuksena järjestelmä fonttia sivustoissa.

Näiden joukossa oli Microsoftin Core kirjasimet web Joukko kirjasimia vapaasti saatavilla web-suunnitteluun. Tämä paketti mukana laajalti käytetty järjestelmä fontteja kuten Times New Roman, Arial, Comic Sans Ja Trebuchet. Vaihtoehtoisesti suunnittelijat voivat käyttää fonttiperheet kuten Pääteviivallinen, groteski, ja Monospace määrittää yleinen tyyli fontti, vaikka tietty yksi ei ollut saatavilla.

Tilanne muuttui vuonna 2010, kun Google käynnisti Google-fontit , Laaja avoimen lähdekoodin arkistoon ilmaiseksi fontteja, joita voidaan käyttää kaikkialla internetissä. Sittemmin muut kilpailijat, kuten Adoben Typekit ja web-isäntänä fontti liitännäiset, on syntynyt. Miljoonia verkkosivuja ympäri maailmaa ajaa verkkofontteja, mukaan lukien Googlen ohjelmistosta .

Miten Verkkokirjasimet Work

Suurin Web Font tarjoaja Google fontit, on laaja web kirjasto yli tuhat fontteja. Voit käyttää niitä sivustossasi vetämällä niitä kautta CSS, ja mobiili kehittäjät voivat käyttää näitä fontteja luotaessa Android-sovelluksia.

Kun Web-sivu käyttää Googlen fontit, se vetää fontti Googlen tietokannasta ja näyttää sitten tekstin että fontti te selaimessasi. Nämä fontit isännöivät Googlen palvelimelle ja ladataan lähes välittömästi. Muut pilvi fontti palvelut toimivat hyvin samalla tavalla.

Toinen vaihtoehto on käyttää itse isännöi, upotettuja fontteja verkossa sijaan. Tämä tapahtuu läpi Web Open Font Format (WOFF) -a pakatun fonttitiedosto kehittämä Mozilla joka on yhteensopiva useimpien internet-selaimilla. WOFF on hyödyllistä, jos haluat upottaa muokatun fontti, joka ei ole saatavilla www fontin palveluun.

Getting Verkkokirjasimet

Google kirjasimet arkistoon ja kaikki kirjasimet sen nojalla ovat täysin vapaasti käyttää ja kaikkien saatavilla. Se käyttää vain fontteja alla avoimella lisenssillä, ja monet näistä fontteja on tullut niitit web design, kuten Roboto, Lato, ja Montserrat. Google järjestää verkkosivuilla jossa luetellaan kaikki sen käytettävissä olevat fontit ja voit kokeilla niitä ja vertailla niitä keskenään. Google tarjoaa myös tietokanta vapaa vektori kuvakkeet.

Koska nämä fontit ovat vapaasti käytettävissä, voit ladata alkuperäisen fonttitiedostoja käytettäväksi työpöydällesi yhtä hyvin. Monet sivustot isäntä Googlen kirjasimet arkistot, mukaan lukien Googlen oma Github . Voit käyttää näitä fontteja projekteissa, vapaasti jakaa niitä muiden kanssa, ja ladata ne muualta internetissä ilmaiseksi.

Monet verkkosivustojen rakentajat ja sisällönjohtajat, kuten WordPress ja SquareSpace, tulevat tukemaan Web-fontteja laatikosta. Jos käytät mukautettua verkkosivustoa, sinun on lataa fonttitiedosto palvelimelle ja käyttää CSS-koodia, jos haluat kohdata haluamasi fonttitiedosto.

Jos haluat lisätietoja verkkosivustosi Web-fonttien käytöstä, tutustu tähän CSS Web Font Guide W3schoolsista.

Liittyvät: Kuinka asentaa ja hallita fontit Windows 10: n asetussovelluksessa


Yleiset - Suosituimmat artikkelit

USB Paradox: Miksi USB-yhteydet tarvitsevat kolme yrittää?

Yleiset Feb 16, 2025

NavissOne / Shutterstock Se on tapahtunut kaikille: Yrität kytkeä USB-liitin, ja se ei toimi. Joten kääntää sitä, ja se ei vieläkään toimi. Turhautun..


Mitä odottaa Internetistä Kiinassa

Yleiset Apr 10, 2025

aphotostory / Shutterstock.com Jos olet matkalla Kiinassa tai ovat yksinkertaisesti uteliaita laji, haluat ehkä tietää, mitä ulkopuolella sijaitsevasta suu..


Mikä on piste- ja kuvakamera?

Yleiset May 16, 2025

Kiinteät kuvat / shutterstock.com Point-and-shoot (tai kompakti) kamera on pieni, helppokäyttöinen kamera, jossa on sisäänrakennettu linssi. Ne tarjoava..


Kuinka valita emolevyn tietokoneellesi: Mitä etsiä

Yleiset Nov 16, 2024

Kreabobek / Shutterstock.com Uusi PC rakentaa tapahtuu pitkin yhteistä kehityskaari: Sinä päättää oman GPU ja prosessori kumpi j�..


PSA: Play Store on piilotettu offline-peli Androidissa

Yleiset Jul 20, 2025

Google Chrome on a dinosaur peli Voit pelata selaimessa, kun Internet-yhteyttä ei ole. Se on söpö, hauska ja mukava tapa tappaa aikaa. Android-laitteiden toistokaupassa on my..


Mikä on Windows 365 ja onko se turvallinen?

Yleiset Aug 2, 2025

Microsoft Microsoftin Windows 365 Tarjoaa kauko-ohjaimen, johon voit käyttää verkkoselaimessa. Yritykset voivat tarjota Windows Desktop -ohjelmiston, jonk..


Miten-geek etsii Freelance Apple Writer

Yleiset Sep 10, 2025

rzoze19 / Shutterstock.com Oletko Apple käyttäjä, joka elää ja hengittää iPhone, iPad, Mac ja Apple tarvikkeet? Pelaatko uusimmat iOS iPadOS ja MacOS be..


Voit ostaa AMC-elokuvalipun Crypto

Yleiset Nov 15, 2024

Andreanicolini / Shutterstock.com Cryptocurrenssi Yleensä puhutaan investointina, mutta älkäämme unohtako, että se on valuutan muoto, jota voidaa..


Luokat