Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

16 bästa tillägg för typografi i WordPress för att förbättra din design

Genom att förbättra användarupplevelsen (UX) kan du öka engagemanget på din WordPress-webbplats. UX omfattar flera detaljer i din webbdesignprocess, och teckensnitt är en viktig faktor.

Att välja rätt teckensnitt kan göra din webbplats läsbar, engagerande och visuellt tilltalande. Och du kan uppnå allt detta enkelt med ett WordPress-typografi-plugin.

Fördelen med att använda ett typografi-plugin är dess teckensnittsbibliotek och tillgången till anpassade teckensnitt. Så vi testade olika plugins, som Google Fonts för WordPress och Custom Fonts, på riktiga webbplatser och uppmärksammade deras funktionalitet och användarvänlighet.

Och nu ska vi dela med oss av några av de bästa typografi-pluginsen för WordPress som du kan använda (de flesta av dem är gratis och enkla att installera på din webbplats).

16 best WordPress typography plugins to improve your design

Varför är typografi viktigt för din site i WordPress?

Typografin på din website är en mycket viktig del av den övergripande designen. Genom att välja vackra och lättlästa font ökar du engagemanget på din webbplats och ökar den tid som användarna tillbringar på din site.

Många av de bästa WordPress themes kommer med tillgång till Google Fonts och allow you att tweaka typografin så att den passar your behov.

Det finns built-in settings i post and page editor som ger dig mer control över dina fonts och layouts.

Men det finns mycket mer du kan göra med din typografi, gillar att lägga till undertexter, använda insticksprogram, inkludera fotnoter, låta användare resize font, och mycket mer.

Genom att välja rätt WordPress tillägg kan du förbättra typografin på din WordPress website utan att skriva någon kod.

Med det sagt, låt oss ta en titt på några av de bästa typografiska tilläggen för WordPress som du kan prova på din website.

1. Google Fonts för WordPress

Fonts Plugin

Google Fonts for WordPress har ett bibliotek med över 1 455 snygga fonts som du kan använda på din site i WordPress. Det kommer med en live preview för varje font för att hjälpa dig att välja fonten för dina headings och content.

Pluginet har Adobe Fonts-integration och stöder också tusentals Google Fonts. Du kan också ladda upp custom fonts och ändra fontstorlek, färg, vikt och line height i plugin-inställningarna.

För mer details, se vår guide om hur du lägger till custom fonts i WordPress.

Erbjudande: Om du vill ha premiumversionen av pluginet, se till att använda vår Google Fonts for WordPress coupon för 20% rabatt.

2. Custom fonts

Custom Fonts by Brainstorm Force

Custom Fonts är ett enkelt plugin för WordPress som låter dig servera webbtypsnitt på din server. Det hjälper till att förbättra webbplatsens prestanda eftersom din webbplats kommer att hämta font lokalt.

Pluginet allow you to import fonts from the Google Fonts library. Du kan också add to custom font s till din WordPress site och helt kontrollera dina typografiska inställningar.

3. Zeno Font Resizer

Zeno Font Resizer

Zeno Font Resizer ger dina besökare alternativet att ändra storleken på fonten på din website med ett par clicks. Detta kan förbättra din användarupplevelse för dem som föredrar större text.

Pluginet gör det enkelt att add to ett alternativ för resize av font till din sidebar i WordPress. Det använder också jQuery, så att dina besökare kan justera fonten utan att sidan laddas om.

4. Delning av sidtitel

Page Title Splitter

Page Rubrik Splitter är ett unikt plugin som låter dig dela upp längre titlar på post i två rader. Detta gör att du kan använda längre och mer beskrivande rubriker samtidigt som du ser till att de fortfarande är läsbara.

Detta fungerar för alla inlägg, pages och custom post type titlar. Det ger dig fullständig control över layouten på din rubrik på stationära och mobila enheter.

5. Verktygslåda för blocktema

Toolkit for Block Theme

Toolkit for Block Theme är ett plugin för WordPress Block Editor för att customize ditt temas design och stilar. Det låter dig ändra font, integrera Google Fonts och använda ytterligare globala stilar för att skapa en perfekt website för ditt företag.

Det ger dig alternativet att servera Google Fonts lokalt, så att du kan importera vilken teckensnittsfamilj som helst och använda den på din website. Pluginet har flera andra alternativ för WordPress block themes.

6. Redaktör Plus

Editor Plus

Editor Plus är ett avancerat plugin för customize i WordPress. Det levereras med typografiska kontroller och en panel för att hantera dina font-egenskaper.

Tillägget låter dig ändra typsnittsvikt, typsnitt, typsnittsstorlek, bokstavsavstånd, line height och färg. Du kan också enkelt kontrollera att fonten visas på olika skärmstorlekar och enheter.

7. Anpassade Adobe-teckensnitt

Custom Adobe Fonts

MedCustom Adobe Fonts kan du add to populära Adobe (tidigare Typekit) fonts till din website.

Pluginet fungerar med de mest populära page builders, så du har ett större fontbibliotek att välja mellan när du customiserar din site.

8. Font Fantastisk

Font Awesome

MedFont Awesome kan du add to icon fonts till din website. Icon fonts är enkla piktogram som du kan använda för att förbättra dina knappar, utvalda funktioner, menyer för navigation med mera.

Mer detaljer finns i vår guide om hur du enkelt lägger till icons fonts i ditt WordPress theme.

9. Använd valfritt teckensnitt

Use Any Font

Use Any Font låter dig uploada customizes fonts till WordPress. Detta är bra om du har custom fonts downloadade till din dator som du vill använda.

You can also use fonts from the font library, which has over 23,871 different fonts to choose from.

10. Styleguide

Styleguide

MedStyleguide kan du anpassa ditt temas fontar och färger i din WordPress theme customize.

Detta gör att du kan ändra utseendet på dina fonts utan att behöva add to custom CSS till din website. Det är kompatibelt med de flesta teman för WordPress.

11. OMGF

OMGF

OMGF är ett plugin som kommer att optimera dina Google Fonts. Det låter dig servera dina font lokalt för att snabba upp hämtar tider.

Pluginet hjälper till att minimalisera DNS requests, minskar layout-förskjutningar och utnyttjar webbläsarens caching för att förbättra prestandan. Det är mycket Beginner-vänligt och körs tyst i bakgrunden.

12. WP Font Awesome

WP Font Awesome

WP Font Awesome är ett gratis typografi-plugin för WordPress. Det låter dig lägga till en Font Awesome-ikon med hjälp av en kortkod.

Du kan få kortkodsmallar för att anpassa teckensnittsikoner. Pluginet låter dig också lägga till teckensnitt i widgetområdet, sidor och inlägg.

13. Konvertera textfall

Text Case Converter

Text Case Converter är ett plugin som låter dig ändra texten på dina pages eller posts till stora bokstäver, små bokstäver, meningsbokstäver och mer.

Pluginet hjälper också till att add dummy content till din WordPress site. Dessutom hjälper det till att räkna det totala antalet tecken, ord och row på dina WordPress pages.

14. SeedProd

SeedProd WordPress Website Builder

SeedProd är det bästa WordPress theme och website builder på marknaden. Det kommer med färdiga templates som du kan använda för att lansera din website med bara några clicks.

SeedProd är också den bästa WordPress page builder. Med detta plugin kan du skapa customize pages och ha fullständig control över utseendet på dina fonts.

Du kan använda den utvalda funktionen för dynamisk text för att skapa animerade headlines som lockar dina besökare. Dessutom får du tillgång till hela biblioteket med Googles Fonts som du kan använda på din website.

Det finns till och med en kraftfull AI-webbplatsbyggare som låter dig automatiskt generera skriftligt innehåll eller förbättra befintligt innehåll för att förbättra läsbarheten.

15. Thrive Themes

ThriveThemes

Thrive Themes är en populär WordPress-webbplatsbyggare och erbjuder en kraftfull uppsättning tools för att få din online-verksamhet att växa. Det är en 1-stop-lösning för Beginnare att skapa en företagswebbplats och add to tillväxtverktyg all på en gång.

Dessutom kommer det med en frågesportsbyggare, ett A/B-testverktyg, ett plugin för testimonials, och mer. Alla deras tools fungerar sömlöst med your WordPress theme.

Med Thrive Builder kan du customize fontstyling, fontstorlek och fontfärg i inställningarna för webbplatsbyggaren. Du kan också integrera alla custom font plugins med Thrive Themes för att add to fler fonts till din WordPress site.

MedThrive Builder kan du ändra standardkällan för att importera teckensnitt, och du kan enkelt lägga till nya teckensnitt efter eget val.

För att lära dig mer, se vår detaljerade Thrive Themes review.

16. WP raket

WP Rocket

WP Rocket är det bästa WordPress caching plugin på marknaden. Det är mycket nybörjarvänligt och hjälper dig att snabba upp WordPress.

Det finns ett unikt alternativ för caching som optimerar dina Google Fonts med ett enda click. Om you run a website speed test, this is one of the most common speed issues users report.

För mer detaljer, se vår guide om hur du installerar och konfigurerar WP Rocket i WordPress.

Vi hoppas att den här artikeln hjälpte dig att hitta de bästa typografiska tilläggen för WordPress för din website. Du kanske också vill se våra expertguider om hur du kan förbättra din website och göra den engagerande för användare.

Bästa guiderna för WordPress för att förbättra din website

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

22 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    I have mostly used the fonts that came up with the premium theme I am using.
    However coming across certain websites and seeing their typography attracts most and it feels like having those fonts on our own website.
    is there a way to determine which fonts some websites using like having any chrome extension or something?
    and second, is having fonts locally speeds up the website rather than using front Google server like Google fonts?

    • WPBeginner Support says

      To find the fonts a site is using, you would need to use Inspect element. Using local fonts can help a site load faster over using server side fonts from Google.

      Administratör

      • Moinuddin Waheed says

        Thanks for the guide, I have started using these tricks and tips to improve my website performance.
        I have been attracted to many websites fonts, now I would be able to find what fonts they are using for their websites and I can use those fonts on my website locally.

  3. Jiří Vaněk says

    I use Google Font and used to use Font Awesome. However, for website speed, I recommend downloading Google Font to the web hosting and using it locally. Loading fonts from third-party servers can ultimately slow down the website and this reflects in measurements.

  4. Daan van den Bergh says

    Hi!

    Thank you for including my plugin OMGF in this list!

    I always try to pay attention to user friendliness, so I’m glad you experienced it as beginner friendly :-)

    • WPBeginner Support says

      Thank you for pointing out that typo, we’ll fix it as we go through to update the article :)

      Administratör

  5. shabanam says

    ”Hi, i absolutely got tons of value from your post. Please i have 2 quick questions.
    1. What is the number of plugins every blogger shouldn’t exceed? I currently have about 18 installed, would you consider that number outrageous. Please could you also check out my site and offer me a
    2. Your font is really beautiful. would you suggest plugins that would give me beautiful fonts just like yours?
    Finally, would you spare a few seconds to check this site and offer me your candid advice

  6. Peter says

    I have installed Easy Google Fonts and most of it works fine as far as the styles and positioning go but strangely nothing happens to the main font color in appearances even though the background color works, which is something I don’t really need anyway. Changing the color of the paragraph works fine too.

    I am using the Simple Catch Pro theme.

    Could you please advise, I would like to move on from this.
    Thanks
    Peter

  7. April says

    I am really struggling with a font issue. We have a digital magazine, and often need to use several different fonts per post. Is there any similar to tinymce but with more options for font family?

  8. Logeshkumar Nandagopal says

    Hi Team

    I am new to blogging and have recently created a wordpress blog and i would like to know whether is there any plugin to highlight the c/c++ codes in textbox on my post.

  9. Amarjit Singh says

    Every wpbeginner article helpful… i am a great fan of wpbeginner, 15 to 20 times i visit wpbeginner.com daily, for finding the solutions for my website. Wpbeginner motivate and help me to create my own site on wordpress.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.