Video: Diseño Web 20 - Tipografía 2025
Även om du kan ladda upp ett teckensnitt som du har på din egen server och länka till det, erbjuder ett online fontförråd många fördelar, tecknet lagras på förrådets servrar och det ger CSS för att inkludera teckensnittet på din webbplats.
Online font repositories tar också hand om eventuella licensieringsfrågor. Teckensnitt, ungefär som bilder, skyddas vanligen av upphovsrättslagen var säker på att du har behörighet innan du laddar upp ett teckensnitt och gör det tillgängligt på webben.
Du kan börja med att använda de teckensnitt som finns tillgängliga i Google Font Directory eller från Font Equirrel, som beskrivs i den här listan:
-
Google Font Directory: Med Google Font Directory kan du enkelt använd vilken typsnitt som helst i katalogen på dina webbsidor. I de avsnitt som följer hittar du detaljerade instruktioner för hur du använder ett teckensnitt från Google Font Directory i dina siddesigner.
-
Font Ekorre: FontSquirrel gör det enkelt att använda alla typer av fria teckensnitt på dina webbsidor. I huvudsak har folket på Font Equirrel samlat alla de bästa fria teckensnitten (igen, inga bekymmer om licensieringsproblem). Om du vill inkludera en av dessa fria teckensnitt, ladda bara en font-face kit.
Font Ekorre har också en av de bästa typsnittgeneratorerna online. Om du har en anpassad typsnitt använder du typsnittgenerern för att skapa de fyra typsnittstyperna och koden du behöver för att kunna använda vilken typsnitt som helst på dina webbsidor.
När vi till exempel skapade en webbplats för Intel, sätter vi dess teckensnitt genom generatorn på Font Ekorre och kunde sedan använda den skräddarsydda "Intel-typsnittet" snarare än en bild av dess logotyp. Obs! Font Ekorre kräver att du har behörighet att använda ett teckensnitt innan du laddar upp det och kör det genom sin generator.
Apple iOS stöder True Type Fonts (TTF) och Scalable Vector Graphics (SVG) versioner av ett teckensnitt. Eftersom TTF och SVG är vektorbaserade, kan de skalas upp eller ner utan att det saknar kvalitet, vilket gör dem till ett idealiskt val. TTF-filer är i allmänhet mindre. Om en användare har en iOS som är äldre än 4. 2, hämtar enheten och använder SVG automatiskt istället för att använda TTF.
