Idag har vi en exklusiv snygg titt till ett spännande nytt val för att använda olika typsnitt på webben.
Nedan diskuterar vi kortfattat vad FontDeck är och hur enkelt det är att få setup på din webbplats. Låt oss börja!
Vad är FontDeck?
FontDeck är en annan post i förlag av webbplatser som använder CSS-väljaren @ font-face, så att du enkelt kan bädda in attraktiva, webbsäkra typsnitt till dina webbplatser.
FontDeck använder ren CSS för att uppnå sin magi så att du inte behöver röra med JavaScript, Flash eller någon annan extra teknik som du gör med TypeKit och några andra.
Tyvärr är FontDeck i så tidigt skick att jag inte kan visa dig för mycket eftersom de nuvarande teckensnitten i systemet är föremål för förändring. Så förlåta någon selektiv suddning eftersom den representerar innehåll som ännu inte är slutligt.
Inställningar och teckensnitt
FontDeck gör det mycket enkelt att få attraktiva teckensnitt som implementeras på din webbplats på nolltid. Nedan följer vi grundprocessen för att få allt igång.
Registrering för FontDeck är lika enkelt som att skriva in din e-postadress och tilldela en domän. När detta steg är klart är du redo att börja surfa skrifter.
FontDeck ger dig flera sätt att bläddra och söka typsnitt. Först är alternativet att visa efter stil. De nuvarande kategorierna är Serif, Sans Serif, Slab Serif, Script, Blackletter, Display, Symbol och Non-Latin.
Dessutom kan du skriva in en söksträng eller bläddra bland gjuteri, formgivare eller tagg.
Aktivera och installera teckensnitt
När du väl har hittat en typsnitt som du vill, klicka helt enkelt på knappen Aktivera och välj den webbplats som du vill installera typsnittet på.
Nu får du två kodstycken som låter dig implementera typsnittet på din webbplats. Den första är en enkel stilarklänk (ex: länk rel =? stylesheet? href = http: //?) att klistra in i rubrikdelen av din HTML.
Det andra stycket är en CSS-teckensnittsfamilj som du kan klistra in i dina stylesheets var du vill att FontDeck-tecknet ska visas (ex: font-family:? teckensnittsnamn ?, sans-serif; font-weight: bold; font-style: normal; }).
Som du kan se är CSS för fontfamiljen exakt som du skulle använda normalt; du behöver inte ens använda @ font-face. Det beror på att @ font-face-koden genereras automatiskt i det externa stilarket som du länkar till i rubriken. Du kan till och med infoga FontDeck-teckensnittsnamn i befintliga teckensnittsfamiljer som du redan har konfigurerat, vilket ger dig fullständig kontroll över fallback-scenarierna.
Licensing
Varje typsnitt du installerar kommer initialt att aktiveras inom? Begränsat användarläge.? Begränsat användarläge innebär att du kan använda teckensnittet gratis, men det kommer bara att vara synligt för besökare från 20 unika IP-adresser. Detta är perfekt för testning och design så att du kan få en känsla för vad en typsnitt kommer att se ut på din webbplats innan du måste köpa den.
När du bestämmer dig för att du gillar ett visst teckensnitt, kan du välja att köpa det specifika teckensnittet för användning på den webbplats du har registrerat.
Slutsatser
Efter att ha provat några andra liknande lösningar fann jag FontDeck att vara ett av de enklaste system som hittills utvecklats för att integrera premiumfonter på webbsidor. Med all ärlighet tog det förmodligen dig mycket längre tid att läsa den här artikeln än att det skulle vara ett teckensnitt och ta tag i koden för din design med hjälp av FontDeck.
Lösningar som FontDeck förhoppningsvis hint i en ljus, problemfri framtid för avancerad typografi på webben. För närvarande är det fortfarande i privat beta men vi håller dig uppdaterad och meddelar dig när den startas.