Att välja rätt typsnitt är en viktig aspekt av alla webbdesignprojekt. Det finns hundratals, även tusentals, bra alternativ där ute och många kan användas med gratis licenser tack vare verktyg som Adobe Typekit och Google Fonts.
Men är en tjänst bättre än den andra? Finns det någon fördel för Google Fonts eller Typekit över den andra? Och hur kan du börja med dessa verktyg om du inte har använt dem än. Du har tur, för idag svarar vi på dessa frågor.
Webtextjänster
Adobe Typekit och Google Fonts är två olika webbtypstjänster. Det innebär att verktygen använder en liten CSS wizardry för att leverera typsnitt till webbläsare för att göra teckensnitt på din webbplats.
Det finns några andra webbtypstjänster där ute, men de flesta är mycket mindre än dessa stora två.? Många av typografihusen erbjuder webbfonter för sina signaturfonter och gör vissa fonthandlare.
Vi kommer att bryta ner Typekit och Google Fonts på grund av deras mer universella överklagande och popularitet.
Adobe Typekit
Typekit är en del av Adobes Creative Cloud-programvarusupport, även om utvecklare kan köpa fristående användning av teckensnitt men tjänsten utan att lägga till på en komplett programvarubunt. Typekit har vuxit till att bli web-fontjätten när det gäller streaming, delvis beroende av verktygets inkludering med Creative Cloud. Adobe-abonnenter får Typekit som en del av sina medföljande mjukvarupaket.
Pros
- Högkvalitativa teckensnitt
- Massivt bibliotek att välja mellan
- Gratis för Adobe Creative Cloud-abonnenter
- Gränssnittet är smidigt och lätt att använda och innehåller användbara verktyg som bläddringslistor
- Teckensnitt synkroniseras också med Adobe-produkter på skrivbordet så att du kan använda dem för alla projekt
Nackdelar
- Fungerar inte med någon äldre programvara (Windows 2000 eller Mac OS 10.3 eller tidigare)
- Några kompatibilitetsproblem med äldre webbläsare
- Kan vara ett dyrt alternativ för icke-Adobe-användare
Google-teckensnitt
Integreringen av Google Fonts är ett helt gratis alternativ, vilket gör det populärt med WordPress-användare och tematillverkare och UI-kitbyggare. Teckensnitt är lätta att integrera och ladda ner, med en ständigt växande samling av teckensnitt.
Pros
- 100 procent gratis
- Ger möjlighet för många typografer att inkluderas (du kan be om att skicka in din egen typsnitt)
- Gränssnittet gör det enkelt att se typsnitt som används
- Fontparing och utseendeverktyg är lätta att använda
- Analytics visar mest populära typsnitt genom användning över hela webben
- Lasttider tenderar att vara snabba och pålitliga
Nackdelar
- Open source-teckensnitt kan ha några kvalitetsproblem
- Biblioteket kan vara lite mer begränsat och du kan behöva ersätta teckensnitt mellan utskrift och online-projekt
- Att hitta typsnitt kan vara lite clunky om du inte vet vad du letar efter
Bryt ner verktygen
När det gäller strömmande webbfonter finns det några gemensamma egenskaper som kommer med någon sådan plattform. Så det första riktiga beslutet är att bestämma om det är rätt passform för ditt projekt att använda en streaming webbfontjänst för din webbplats.
Webbrettströmmande generellt ger dig många typsnitt alternativ till en kostnad som skulle vara ofattbar om du köpte typsnitt. Implementering och användning är ganska lätt och alla med programmeringskunskap kan hantera detta med lätthet. Användare vet inte vad du använder och kan inte riktigt? Se? en skillnad.
Den största konceptet för webbströmmande stämningstjänster är att du är till nöjen för fontservrar som tillhör någon annan. Om de har en serviceglitch, gör du det också. Tack och lov har både Adobe Typekit och Google Fonts bra track records när det gäller att stanna online.
Om du inte säljs på strömmande webbfonter finns det andra alternativ för dig att tänka på.
- Fontstapling: Det här är en CSS-teknik där du skapar en lista med teckensnitt (i enlighet med hur du vill att dom ska användas). Du har inte tillförlitligt en viss typsnitt här, men en lista över alternativ som kan visas på din webbplats när som helst. Det är ett gratis alternativ och är snabb att ladda, men kan resultera i olika webbsidor.
- Självhäftande teckensnitt: Med den här tekniken kan du använda teckensnitt som du äger och har licens för i webbprojekt. Implementering kan vara lite svårare för den lediga webbdesignern och du måste självklart hushålla din webbplats på din egen server. Vissa teckensnitt måste konverteras till olika filtyper för webbanvändning och se till att du har en riktig licens är nyckeln här. Det är också fråga om återgivning - utskrifts- och skärmfonter optimeras ofta annorlunda.
Vilket är bättre?
Så vad ska du använda - Adobe Typekit, Google Fonts, en annan lösning helt? Det beror verkligen på din komfortnivå med verktygen och hur du använder dem. Kanske kan du även alla verktyg, baserat på typen av projekt.
Det finns helt enkelt ingen rätt eller fel service.
Vad skulle du då använda?
OK, jag vet, du kom hit och letade efter svar. Medan du nu har några fakta för att hjälpa dig att fatta beslut, söker du fortfarande ett förslag. Jag kommer inte att berätta vilket val du ska göra. Men jag kan berätta vad jag använder.
Som en Adobe Creative Cloud-abonnent använder jag Typekit. Det är lätt. Den integreras med all min andra programvara. Och jag älskar det smarta gränssnittet. (Jag vill använda saker som är utformade bra lika mycket som att skapa dem.)
Det är inte så att Typekit är nödvändigtvis bättre, men det är bättre för mig. Det kostar inte något extra och jag kan använda typsnitt för utskrift och digitala projekt, vilket ger en polerad konsistens över projekt som jag önskar. (Jag hatar att jag måste spela omkopplingsfonterna med mellanspel.)
Jag har använt Typekit ett tag - även innan det var en del av Adobe-samlingen - och det har blivit allt bättre. Den innehåller stor funktionalitet och jag saknar aldrig en typsnitt (även om antalet alternativ ibland kan vara överväldigande).Jag gillar vad Google Fonts gör med öppen inköp, men för mig är Typekit bara enklare.
Slutsats
Hur du tjänar och använder teckensnitt i dina projekt och på dina webbplatser är en stor del av designprocessen. Budget och din komfortnivå med tillgängliga verktyg kommer sannolikt att bestämma vilken metod du väljer.
Alla dessa tjänster förbättras och ändras till bättre hela tiden. Håll ögonen öppna när du jobbar och spelar med flera alternativ för olika projekttyper för att avgöra vad som är bäst för dig.
Google-teckensnitt
Google Fonts är ett bibliotek med över 800 olika typsnitt, helt redo att vara inbäddade i ditt webbprojekt. Serien ser på vilka Google-teckensnitt och delar intressanta exempel och kombinationer av teckensnitt som kan ta ditt projekt till nästa nivå.