Tillbaka till support Designa din webbplats Ändra typsnitt på din webbplats.

Ändra typsnitt på din webbplats.

Stilen på textens tecknen på din webbplats kallas för typsnittet. Den här guiden visar hur du väljer typsnitt till din webbplats.

Behörighet till typsnitt och paket

Webbplatser med våra Premium-, Business- och Commerce-paket kan välja mellan ett stort urval av typsnitt till sin webbplats, men de kan inte ladda upp sina egna anpassade typsnitt.

För att ladda upp anpassade typsnitt och installera typsnittsstilar från Google Fonts behöver du uppgradera till Business- eller Commerce-paketen.

Ändra typsnitt

Du kan ändra typsnitten på din webbplats genom att följa stegen nedan.

För att avgöra vilket avsnitt av den här guiden du ska följa går du till din adminpanel och tittar under Utseende på den vänstra sidan. Om du hittar Redigerare här ska du använda avsnittet Webbplatsredigerare i den här guiden. Annars använder du instruktionerna för Sidredigerare eller Anpassare.

Om din webbplats använder ett tema som stöder webbplatsredigeraren kan du använda alternativet Stilar för att ändra typsnitten på din webbplats. Följ dessa steg för att ändra typsnitt på din webbplats:

  1. Besök din WordPress.com-adminpanel.
  2. Gå till Utseende → Redigerare.
  3. Klicka på Stilar till vänster, eller välj ikonen Stilar som ser ut som en svartvit cirkel.
  4. Välj alternativet ”Typografi”.
  5. Välj mellan följande textelement på din webbplats:
    • Text
    • Länkar
    • Rubriker
    • Bildtexter
    • Knappar
  6. Klicka på rullgardinsmenyn under ”Typsnitt” och välj önskat typsnitt. Texten uppdateras till ditt valda typsnitt så att du kan se hur det ser ut.
  7. Klicka på knappen ”Spara”.

Dessa steg visas i videon nedan:

En pil pekar på knappen Stilar i Webbplatsredigeraren. Ikonen är en svart och vit cirkel.
Ikonen för Stilar
Ändra typsnitt i Webbplatsredigeraren

Se vår Stilar-guide om du vill ha mer detaljerad information om allt du kan göra för att justera textens utseendet på din webbplats.

Tillämpa ett typsnitt på specifik text

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 gäller design – webbplatser ser bäst ut när samma typsnitt används på hela webbplatsen. Om en webbplats har flera 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 en rubrik eller ett Citatblock, alternativt att infoga en bild.

Ladda upp Anpassade typsnitt

Det här avsnittet av guiden gäller för webbplatser med WordPress.com Business- och Commerce-paketet samt det äldre Pro-paketet. Om du har ett Business-paket, se till att aktivera det. För webbplatser med Gratis-, Personal- och Premium-paketet, uppgradera ditt paket för att komma åt den här funktionen.

Du hittar ett stort urval av typsnittsstilar för din webbplats. Om du vill ha fler typsnitt att välja mellan kan du installera eller ladda upp anpassade typsnitt direkt i Webbplatsredigeraren.

Vår guide visar hur du installerar, laddar upp och hanterar anpassade typsnitt.

Flash of Unstyled Text

Flash of Unstyled Text (FOUT) är när ett annat typsnitt visas kort innan ditt valda typsnitt. 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 valda typsnitt laddas 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 laddats 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 behöriga paket med hjälp av CSS-redigeraren i Utseende → Anpassa → Ytterligare CSS:

.wf-loading body { visibility: hidden; }

or

html:not(.wf-active) body { display: none; }

Google-typsnitt och GDPR

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 kontrollerar du tilläggets och/eller temats utvecklare för att säkerställa att de inte levererar Google-typsnitt via Googles CDN/FDN. Du kan läsa mer om GDPR här.

Copied to clipboard!