Webfonter på 60 sekunder

Teckensnitt för användning på en webbplats kräver filer som laddas från ett av två ställen; besökarens eget system eller en webbserver. Låt oss ta en snabb titt på webbfonter på sextio sekunder!

Miniatyrbild: "Auther", webbfont av Seniors Studio

Förstå webbfonter

 

Teckensnitt för användning på en webbplats kräver filer som laddas från en av två platser. Den första platsen är besökarens personliga enhet (dator, smartphone etc.). Dessa teckensnitt heter "systemfonter" och det finns inte många du kan använda tillförlitligt eftersom bara ett par av dem är installerade över alla enheter och operativsystem.

Den andra platsen typfiler kan laddas från är webben (dvs "Web-typsnitt). Du kan använda vilken typsnitt du vill ha på det här sättet, eftersom du inte behöver oroa dig för att en besökare inte har tillgång till de nödvändiga filerna.

Webfonter kan serveras antingen via din egen webbplats, eller från en extern leverantör som Google Fonts. För att försäkra dina egna webbfonter, se till att du har behörighet att använda filerna, lägg dem sedan på din värd och använd @ Font-face i din CSS för att ladda upp dem. 

• 

  Figuring Out @ font-face

  Inom de senaste fem åren har typografi på webben tagit ett ganska ansikte. Det brukade vara att webbdesigners var tvungna att ...

För att använda webbsidor från tredje part lägger du till ett länkelement i huvuddelen eller någon JavaScript-kod. Och precis i fall, ange alltid vissa systemfonter i din "fontstack" för att kunna användas som en återgång.

Och det är webbfonter, på sextio sekunder!

Webfonter från Envato Elements

En abonnemang på Envato Elements ger dig tillgång till över 700 webbfonter. ett nummer som växer med varje månad som passerar! Om du är en typfläkt måste du ta en titt:

Webfonter på Envato Elements