Att välja ett typsnitt är ett bra sätt att ge din webbplats ett unikt utseende. Alla teman har en kurerad lista med typsnitt som du kan använda, inklusive Google-typsnitt.
Hur du gör för att ändra dina typsnitt beror på vilket tema du använder:
- Om du använder ett tema som stöder webbplatsredigeraren (dvs. om du kan se Utseende → Redigerare i din adminpanel) kan du ändra din webbplats typsnitt genom att använda Stilar i webbplatsredigeraren.
- Om du har något av dessa teman använder du alternativet Globala stilar i WordPress-redigeraren.
- För andra teman kan du anpassa typsnitten som används på din webbplats via Utseende → Anpassa → Typsnitt.
I denna guide
Den här funktionen är tillgänglig för webbplatser med våra WordPress.com Explorer-, Creator- och Entrepreneur-paket, samt det äldre Pro-paketet. För webbplatser med gratispaketet eller Starter-paketet, uppgradera ditt paket för att komma åt den här funktionen.
Om din webbplats använder ett tema som stöder webbplatsredigeraren kan du ändra din webbplats typsnitt med Typografi-inställningarna som visas när du klickar på knappen Stilar i webbplatsredigeraren.
Om din webbplats använder något av dessa teman kan du använda Globala stilar för att ändra typsnitt på din webbplats
- I din adminpanel klickar du på Sidor.
- Klicka på knappen Lägg till ny, eller så klickar du på rubriken för en befintlig sida för att öppna den i WordPress-redigeraren.
- Om du lägger till en ny sida väljer du önskad layout eller den tomma standardlayouten.
- I redigeraren klickar du på knappen Globala stilar. Knappen ”Aa” finns mellan ikonen för Inställningar och den gröna Jetpack-knappen.
- Klicka på rullgardinsmenyn under Rubriker eller Grundtypsnitt för att se vilka typsnittsalternativ som är tillgängliga.
Typsnitt konfigureras i par, ett typsnitt för rubriker och ett grundtypsnitt.
- Rubriktypsnitt: Välj ett typsnitt att använda för alla rubriker på din blogg. Vanliga exempel på rubriktext inkluderar inläggs- och sidrubriker, widgetrubriker, kommentarsrubriker och rubriker i inlägg och på sidor.
- Grundtypsnitt: Välj ett typsnitt att använda för brödtexten och för menyerna på din blogg.
Klicka på Publicera i menyn Globala stilar för att spara ditt nya typsnittspar eller på Återställ för att ångra ändringarna.
Att publicera dina ändringar i menyn Globala stilar innebär inte att den specifika sidan som du arbetar på publiceras.
Blockredigeraren innehåller alternativ för att ändra textstorleken inuti enskilda block.
För att ändra textstorleken i rubriker väljer du en annan rubrik (H1, H2, osv.) i ditt rubrikblock.
Stycken, knappar och andra textblock har ett Typografi-alternativ i blockinställningarna, där du kan ändra storleken på texten till en förinställd storlek eller ange en anpassad textstorlek.
Om du inte ser sidopanelen kan du behöva klicka på ikonen för Inställningar längst upp till höger för att öppna inställningarna. Ikonen ser ut som en kvadrat med två ojämna kolumner.
Många teman har alternativ för att ändra typsnittet via Utseende → Anpassa. Om du inte ser några typsnittsalternativ i Anpassa, kontrollera om ditt tema stöder metoden att ändra typsnitt med hjälp av Globala stilar.
- Från din adminpanel går du till Utseende → Anpassa.
- Klicka på alternativet Typsnitt i Anpassa.
- Klicka på rullgardinsmenyn under Rubriker eller Grundtypsnitt för att se vilka typsnittsalternativ som är tillgängliga.
Typsnitt konfigureras i par, ett typsnitt för rubriker och ett grundtypsnitt.
- Rubriker: Välj ett typsnitt att använda för alla rubriker på din blogg. Vanliga exempel på rubriktext inkluderar inläggs- och sidrubriker, widgetrubriker, kommentarsrubriker och rubriker i inlägg och på sidor.
- Grundtypsnitt: Välj ett typsnitt att använda för brödtexten och för menyerna på din blogg.
Varje gång du ändrar ett typsnitt uppdateras live-förhandsgranskningen så att du kan se hur typsnittet kommer att se ut på din blogg.
Typsnittsstil – För att justera stilen på dina rubriktypsnitt klickar du på alternativet under och till vänster om typsnittet. De tillgängliga stilarna varierar beroende på vilket typsnitt du har valt.
Textstorlek – För att justera storleken på dina rubrik- eller grundtypsnitt klickar du på storleksalternativet under och till höger om respektive valt typsnitt och väljer en storlek i rullgardinsmenyn.
💡
Du kan ändra de globala standardtextstorlekarna med anpassad CSS.
När du är nöjd med dina typsnittsval klickar du på Publicera, eller på Spara utkast om du vill fortsätta anpassa din webbplats innan du publicerar den.
När du har valt dina anpassade typsnitt kan du ändra dem så ofta du vill.
För att ändra anpassade typsnitt går du till Utseende → Anpassa → Typsnitt och väljer ett annat rubrik- eller grundtypsnitt. Du kan även växla tillbaka till standardtypsnittet för ditt tema genom att klicka på X till höger om namnet på det anpassade typsnittet.
När du är nöjd med dina ändringar av typsnitten klickar du på Publicera eller Spara utkast för att fortsätta anpassa din webbplats.
📌
När du har sparat dina typsnitt kan det ta ett par minuter innan de visas på din blogg eller webbplats. Du kan också behöva rensa din webbläsarcache för att vara säker på att det är den senaste versionen av din webbplats som visas.
Om du vill återställa standardtypsnittet för ditt tema klickar du på X:et bredvid ditt nuvarande typsnitt.
- Gå till Utseende → Anpassa
- Klicka på Typsnitt.
- Klicka på X:et bredvid det anpassade typsnittet för att återställa standardtypsnittet för temat.
- Klicka på Spara ändringar.
När du väljer typsnitt kommer du att se alternativ för att ange typsnitt för hela webbplatsen, inte för enskilda sidor eller specifika textrader. Detta är det bästa valet när det kommer till design – webbplatser ser bäst ut när samma typsnitt används på hela webbplatsen. Om en webbplats har fler olika typsnitt kan den lätt bli ohanterlig.
Om målet är att få specifik text att sticka ut kan du överväga andra sätt att åstadkomma detta, exempelvis genom att tillämpa olika färger, använda ett citatblock eller infoga en bild.
Du kan använda ett tillägg som installerar fler typsnitt på din webbplats. Många tillägg gör det möjligt att lägga till egna typsnitt till din webbplats. När du granskar tillägg, kontrollera betygen, antalet positiva kommentarer och vilken typ av support du kan förvänta dig av tilläggets utvecklare. Om du beslutar dig för att inte använda ett tillägg efter att du har testat det, kom ihåg att inaktivera/ta bort det för att hålla din tilläggslista ren.
💡
Är du osäker på vilket typsnitt du ska välja? Du kan få lite idéer i det här inlägget om nio kostnadsfria och eleganta kursiva typsnitt.
Det är inte möjligt att ansluta ett externt Typekit.com-konto till en WordPress.com-webbplats eller -blogg.
Om du har valt ett icke-latinskt språk för bloggen under Inställningar → Allmänt läses alla tecken för det anpassade typsnittet in. Om du har valt ett latinskt språk, exempelvis engelska, italienska, portugisiska eller spanska, läses endast en mindre delmängd av typsnittet in. Om vissa tecken inte visas korrekt på din blogg, kontrollera språkinställningarna först för att se till att du har valt det språk som du skriver på. Gå sedan till Anpassa → Typsnitt och spara typsnittet igen för att uppdatera det till din nya språkinställning.
Det bästa sättet att kontrollera om ett visst typsnitt kommer att visas korrekt på ett språk är att prova typsnittet i Anpassa och se om typsnittet ändras från standardtypsnittet för temat. För närvarande stöds inga asiatiska språk. Kyrilliska språk stöds i de flesta, men inte alla, typsnittsfamiljer. Bredare språkstöd är ett område som kommer att fortsätta utvecklas och förbättras i framtiden.
Detta kallas Flash of Unstyled Text (FOUT). På långsammare anslutningar visas texten först med standardtypsnittet för temat. På så sätt kan besökare börja läsa ditt innehåll innan ditt anpassade typsnitt läses in, istället för att behöva vänta medan de tittar på en tom sida. Detta innebär att det snabbt visas ett annat typsnitt innan sidan har lästs in helt, men överlag är detta bättre för besökare med långsammare anslutningar än att behöva titta på en tom skärm. Om du inte vill att detta ska häända kan du lägga till den här CSS-koden på din webbplats med hjälp av CSS-redigeraren i Utseende → Anpassa → Ytterligare CSS (endast Premium-, Business-, eCommerce- och äldre Pro-paket):.wf-loading body { visibility: hidden; }
orhtml:not(.wf-active) body { display: none; }
Alla förfrågningar om att leverera Google-typsnitt som används i WordPress.com-teman skickas via WordPress.coms servrar och använder inte längre Googles CDN/FDN. Denna ändring gjordes i december 2022.
Om din webbplats använder ett anpassat tillägg eller ett tredjepartstema bör du kontakta tillägets och/eller temats utvecklare för att säkerställa att de inte levererar Google-typsnitt via Googles CDN/FDN.