Guider/Redigera din webbplats/Redigerare/Stilar/Ändra din webbplats typsnitt

Ändra din webbplats typsnitt

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

Den här funktionen är tillgänglig för webbplatser med våra WordPress.com Premium-, Business- och Commerce-paket samt det äldre Pro-paketet. För webbplatser med Gratis- och Starter-paketet, uppgradera ditt paket för att komma åt den här funktionen.

Videohandledning

Titta på ett videoklipp som visar hur du uppdaterar typsnitt i blockteman. Instruktioner för alla tematyper finns i nästa avsnitt av den här guiden.

Från kursen: Skapa din webbplats på WordPress.com
Den här videon är på engelska.
YouTube har automatiska översättningsfunktioner så att du kan se videon på ditt eget språk:

För att visa undertexter med automatisk översättning:

  1. Spela upp videon.
  2. Klicka på ⚙️ Inställningar (längst ner till höger i videon).
  3. Välj Undertexter/CC.
  4. Välj Automatisk översättning.
  5. Välj önskat språk.

För att lyssna med automatisk dubbning (experimentell):

  1. Klicka på ⚙️ Inställningar.
  2. Välj Ljudspår.
  3. Välj språket du vill lyssna på:

ℹ️ Översättningar och dubbning genereras automatiskt av Google, kan innehålla fel och den automatiska dubbningen är fortfarande under test, så den är inte tillgänglig för alla språk.

Ändra dina 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.

Välj lämplig flik för din redigerare:

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. Gå till adminpanelen för din webbplats.
  2. Gå till Utseende → Redigerare.
  3. Klicka på Stilar till vänster.
  4. Välj alternativet Typografi.
  5. Välj mellan följande textelement på din webbplats:
    • Text
    • Länkar (inklusive menyval)
    • 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. Du kan justera andra inställningar för texten, t.ex. storlek, utseende (fet och kursiv), radhöjd, teckenavstånd och skiftläge.
  8. Klicka på ”Granska ändring” eller Spara för att tillämpa dina ändringar.
Webbplatsredigeraren öppnas till panelen Design med menyn Stilar aktiverad.

Med paket på högre nivå kan du ladda upp dina egna typsnittsfiler.

Tillämpa ett typsnitt på specifik text

Du kan justera typsnittet för ett specifikt block ( teman och block som stöds) med hjälp av blockets typografiinställningar. Eller så kan du tillämpa ett standardtypsnitt på specifika block. Du kan också överväga att använda ett rubrik– eller citatblock för att skapa en text som sticker ut.

Lägg till anpassade typsnitt

Utöver de typsnitt som är tillgängliga på WordPress.com kan du även lägga till anpassade typsnitt på din webbplats. Den här guiden visar hur du installerar typsnitt från Google Fonts och laddar upp dina egna typsnittsfiler.

Den här funktionen är tillgänglig 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.

Åtgärda FOUT

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, med behöriga paket, lägga till den här CSS-koden på din webbplats:

.wf-loading body { visibility: hidden; }

eller

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

Copied to clipboard!