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).
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
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 ä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 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 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 ä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 ä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
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
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 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
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 ä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 ä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 ä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 ä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
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 ä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
- Så här hostar du lokala typsnitt i WordPress för en snabbare webbplats
- Så här säljer du typsnitt online med WordPress (steg för steg)
- Vad är ett webbsäkert teckensnitt + Bästa webbsäkra teckensnitt (nybörjarguide)
- De bästa drag and drop page builders för WordPress jämförda
- Enkelt verktyg för undersökningar som avslöjar vad användarna verkligen tänker
- Hur man använder Headline Analyzer i WordPress för att förbättra SEO Titles
- Bästa appar för telefonnummer för virtuella företag (med gratis alternativ)
- Hur man får en gratis email domain (snabba och enkla metoder)
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.
Moinuddin Waheed
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
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
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.
Jiří Vaněk
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.
Daan van den Bergh
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
You’re welcome and thank you for having a user friendly plugin
Administratör
Neal Umphred
In your description of the wp-Typography plugin: ”eclipses”?
WPBeginner Support
Thank you for pointing out that typo, we’ll fix it as we go through to update the article
Administratör
Lamine
Thank you for the article. Otherwise it need to be update.
WPBeginner Support
You’re welcome, we’ll certainly take a look at what needs to be updated.
Administratör
shabanam
”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
WPBeginner Support
Hi Shabanam,
1. Please see our article on how many plugins you should install on your site.
2. Please see the Typography plugins mentioned above.
Administratör
Ingrid Webster
You guys are life savers. Thank You so much!
Lynn
Thank you for the help, I need to change the color of the font on my new website.
Peter
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
WPBeginner Support
Hi Peter,
We are not sure but it could be some other CSS rule in your theme’s stylesheet or settings overriding Easy Google Fonts settings.
Administratör
Adi
You can remove Google Font Manager from list as it is not available to download
April
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?
Logeshkumar Nandagopal
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.
Amarjit Singh
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.
WPBeginner Support
Hi Amarjit,
Thanks for the feedback. We are glad you find WPBeginner helpful. You may also want to check out our YouTube Channel for WordPress video tutorials.
Administratör