Hur du använder tusentals icke webbsäkra teckensnitt för att krydda din webbplats

Annons

Det har nämnts tidigare men det är värt att upprepa: om du inte vill att dina webbplatser / bloggar bara ska vara ett annat ansikte i mängden måste du få den att sticker ut från de andra, och att spela med designen är ett sätt att uppnå den där. Men varje webbdesigner vet för väl att typografi är ett område där deras händer är ganska knutna.

Lanseringen av Google-teckensnitt ger frisk luft till världen av gratis webbtypografi. Men även om Google förser oss med många fantastiska teckensnitt som är fria att använda, är tillägget fortfarande bara ett dammfläck bland tusentals (eller kanske miljoner?) Befintliga teckensnitt där ute.

Träffa Fonts.com, en webbtjänst som ger oss tusentals alternativa webbsidor som vi kan använda för vår webb / bloggdesign - och 3 000+ av dem är gratis tillgängliga.

Gratis teckensnitt för dig

Fonts.com kommer till oss av Monotype Imaging, ett välkänt namn inom teckensnittindustrin. Företagets namn är en garanti för att du hittar ett stort urval av teckensnitt här. Men innan vi kan använda Fonts.com-tjänsten, bör vi först registrera oss för att få ett gratis konto.

Det finns tre "prissättning" -scheman med olika funktioner, men jag tror personligen att det gratis - med 3 000+ typsnitt, obegränsade webbplatser använder och teckensnitt per webbplats och 25 000 sidvisningar per månad - är mer än tillräckligt för vardagliga bloggare och webbplats ägare. Det gratis erbjudandet är mycket generöst med tanke på det Typekit - en annan stor spelare i samma fält - begränsar sina användare med endast en webbplatsanvändning och två teckensnitt per webbplats.

Börja med att bygga ett projekt: ge det ett namn och lägg till de domäner som du vill använda teckensnitten med. Glöm inte att spara projektet innan du fortsätter. Du kan skapa flera projekt att hantera, men på grund av sidvisningsbegränsningen föreslår jag att du skapar ett nytt konto för ett annat projekt om din webbplats kan locka till hög trafik.

Nästa steg är att välja typsnitt för ditt projekt. Du kan sortera efter klassificering, designer, gjuteri eller språkstöd. Om du känner till teckensnittsnamnet kan du gå direkt till sökrutan, eller - om du har gott om ledig tid - kan du bläddra i alla tillgängliga webbsidsteckensnitt alfabetiskt.

Men innan du gör det är det bättre att ta en titt på listan med presenterade teckensnitt.

Alternativ för språkstöd kommer att vara mycket användbara om du letar efter teckensnitt som stöder icke-latinska tecken som arabiska eller kinesiska.

Att lägga till teckensnitt till ett projekt är lika enkelt som att klicka på "Lägg till i projektet”-Knappen till höger om fontlistan. Om du hittar ett teckensnitt med en grå "uppgradering”-Knappen, betyder det att teckensnittet endast är tillgängligt för betalda användare.

När du har lagt till de teckensnitt som du gillar i projektet kan du börja arbeta på ditt stilark. Gå till "väljare"-Fältet, skriv en väljare och klicka på"Lägg till väljare“. Upprepa processen för andra väljare. Lite kunskap om HTML och CSS skulle vara mycket användbart här, men med hjälp av de grundläggande "kropp”Och“h1”Till“hx”(Ändra x med valfritt nummer) gör för nybörjare.

Välj sedan ett teckensnitt från rullgardinslistan för varje väljare. De tillgängliga teckensnitten är de som vi valde tidigare. En förhandsgranskning av teckensnittsanvändningen visas till höger om listan.

Det sista steget är att publicera ditt projekt. Klicka på “Publicera”-Fliken ger dig fyra alternativ. Nybörjare vill hålla sig till alternativ 1.

Medan alternativ 3 och 4 endast är tillgängliga för betalda användare.

Du får en kodrad som du kan använda på din webbplats. Klicka på "Välj kod”-Knappen och tryck på Kommando + C (Mac) eller Ctrl + C (Windows) för att kopiera koden.

Låt oss nu gå till din webbplats för att tillämpa koden.

Tillämpa koden

Koden du får bör klistras in mellan "huvud”Taggar. Jag antar att om du har en webbplats bör du veta hur du gör det. Men för själv värd Wordpress bloggägare, det finns ett enkelt sätt att göra det utan att behöva redigera någon kod.

Installera och aktivera ett WordPress-plugin som heter "Sätt in koder"Och klistra in teckensnittskoden inuti"Blogghuvud”Och spara ändringarna.

Jag försökte detta på min självhostade WordPress-blogg och allt fungerade bra. Elementen visade sig med sin nya look.

Det fina med detta system är att om du gör några ändringar i ditt projekt på Fonts.com kommer ändringarna att tillämpas automatiskt på din webbplats (er) utan att du behöver göra något.

Så om du letar efter gratis och enkla sätt att spela med webbtypografi skulle tjänsten från Fonts.com vara det bästa alternativet. Jag tycker personligen att det är ännu bättre än Google Font-katalogen - åtminstone utifrån antalet val som fria användare har.

Tänker du på webbtypografi? Känner du till andra alternativ? Vänligen dela dina tankar och åsikter med hjälp av kommentarerna nedan.