Många företag och organisationer har en grafisk manual som styr utformningen av all deras kommunikation. Därför är det viktigt att förstå hur man formger och typograferar i WordPress. I den här artikeln visar vi hur man gör för att typografera i WordPress, formgivningen tittar vi på en annan gång.
Det finns två stora tjänster som du kan använda för typografering av din webbplats. Adobe Fonts (hette tidigare TypeKit) och Google Fonts. Båda är utmärkta och har ett stort urval av fonter. De största skillnaderna är urvalet av fonter och priset. Adobes urval utgörs av delar av de fonter som ingår i deras stora bibliotekt med både egna fonter och sådana som de är återförsäljare av. Google Fonts urval är de fonter som olika formgivare upplåtit åt Google att erbjuda via sin tjänst. Skillnaden i urval blir tydligast när du söker en specifik font. Vem har den? Svaret kan bli att den inte återfinns i något av biblioteken. Det finns då flera liknande tjänster där man kan söka efter fonter, mer om det nedan.
Vi har valt att visa hur det går till med Google Fonts, då kan du prova direkt utan kostnad. Handhavandet skiljer sig åt mellan de olika tjänsterna, men är i grunden lika varandra. Vi utgår här från att du vill skapa din typografi med fonten Barlow från Google Fonts…
Steg-för-steg
Latin Extended ger Å, Ä, Ö, samt en massa andra specialtecken för västeuropeiska språk.
Nu är det dags att implementera scriptet. Det skall in i ditt temas header. Vissa teman har fält för detta som t.ex. Genesis. Saknar du fält för header scripts kan du installera en plugin som hjälper dig med detta som Insert Header and Footers. Kopiera, klistra in och spara är allt som krävs.
Kopiera alla element som styr typsnittsfamilj i CSS-filen
Du kan antingen öppna originalfilen style.css med en enkel ordbehandlare som Text Wrangler eller WordPad. Ett annat sätt är att leta upp den via admin (admin/Utseende/Redigerare).
Anpassa css-filen
Du hittar oftast fler element än tre som bestämmer vilket typsnitt som används i de flesta css-filer. Det finns också väldigt mycket du kan göra för att justera typografin. Storlek, vikt, radavstånd, marginaler, kapitäler osv. Här hittar du en bra uppställning över olika sätt att modifiera elementen i css. Eftersom du arbetar i anpassaren är det ofarligt att prova sig fram, blir det fel är det bara att radera och göra om.