Increase font size in wordpress

New Page

How to easily change the font size in WordPress

Last Updated OnDecember 22, 2021by Editorial Team | Reader Disclosure Disclosure : Our content is endorsed by the reader. This means that if you click on some of our links, we may earn a commission. See how WPBeginner is funded, why it’s important, and how you can support us.

Shares 559 Share Tweet Share Facebook Messenger WhatsApp Email

Want to change the font size on your WordPress posts or pages?

Sometimes you may want to increase the size of a line or a paragraph, or you may want to increase the font size on the entire page.

Dans cet article, we will show you how to easily change the font size in WordPress posts and themes.

How to change the font size in WordPress How to Change Font Size in WordPress

Video tutorial

Subscribe to WPBeginner

If you prefer written instructions, read on.

Method 1: use the encabezados de párrafo

Using titles in your content is a great way to grab users’ attention with a larger font. In most WordPress themes, headings are in a larger font than normal body text. They allow you to divide your posts and pages into sections.

Titles are also great for SEO. Search engines give proper headings more weight than normal paragraph text.

How to Add Title in Default WordPress Block Editor

You can add a title to your posts or pages by simply adding the “Title” block. You can search for it or find it in the “Text” section of the WordPress block editor.

Add a header block Add a title block

The block will default to Heading 2. Normally, it makes sense to stick with Heading 2 for your subheadings. If you want to change this, then you can simply click on the ‘H2’ drop-down to select a different size.

Change course of h2 Change course from h2

Alternatively, you can change this in the block settings on the right-hand side of the screen. You can also change the heading’s color there as well.

How to add a heading in the older Classic Editor

If you are still using the older classic editor in WordPress, then you can add headings using the ‘Paragraph’ drop-down.

Just highlight the text that you want to turn into a heading, click the ‘Paragraph’ drop-down, and select your heading size.

Choose the header in the classic editor Choose the title in the classic editor

The sizes and colors of the different Heading styles are controlled by your theme’s stylesheet (style.css).

If you’re using a premium WordPress theme, then you may have the option to change these settings under Appearance » Customize.

Method 2: Changing the Size of the Text in the Block Editor

What if you want to have a paragraph or even your whole post in a larger font? You can do this easily using the default WordPress block editor.

Just click on any paragraph block, then select the font size under ‘Typography’ on the right-hand side.

Typography adjustments Typography settings

You can select from the drop-down, which covers Small, Normal, Medium, Large, and Huge. If you change your mind, then just click the ‘Reset’ button to set your paragraph back to the default text.

There’s also a ‘Custom’ option where you can simply type in the pixel size that you’d like. If you want, you can also set a large Drop Cap to appear at the start of your paragraph.

These options aren’t available in the older classic editor for WordPress. If you want to use them, then think about making the switch. Our tutorial on how to use the new WordPress block editor will help you.

If you are determined to stick with the classic editor, then this next option is for you.

Method 3: Change Font Size Using Advanced Editor Tools

Advanced Editor Tools, previously known as TinyMCE Advanced, is a WordPress plugin that gives you more control over font sizes and text formatting, as well as a range of other features.

This is particularly useful with the older classic editor, but it also works with the block editor. It adds a new block called “Classic Paragraph” that has all the formatting controls.

To use it, you’ll first need to install and activate the Advanced Editor Tools plugin. If you’re not sure how to do that, check out our step by step guide on how to install a WordPress plugin.

Next, go to Settings » Advanced Editor Tool (TinyMCE Advanced) to configure the editor settings. This is where you can set up the buttons you want to use in the TinyMCE Advanced toolbar.

If you’re using it with the Classic editor, then you should see that TinyMCE has the ‘Font Size’ drop-down enabled by default in the second row of icons.

You can move it to the first row by dragging it upwards if you want.

Advanced editing tools classic editor font size Advanced Editing Tools Classic Editor Font Size

If you’re using the block editor, then you’ll need to scroll down the screen and add the Font Sizes drop-down to the toolbar by dragging and dropping it.

Add font size to toolbar Add font size to toolbar

Make sure you click ‘Save Changes’ at the bottom of the screen.

To see the button in action, create a new post or edit an existing one.

In the block editor, you’ll now have the option to add a ‘Classic Paragraph’ block. It will have the Advanced controls, like this:

Advanced editing tools classic editor font size Advanced Editing Tools Classic Editor Font Size

In the classic editor, you’ll see the toolbars with a font size drop-down:

Change font in classic editor Change the font in the classic editor

You can select any font size from the drop-down.

Note: this doesn’t give you as many options as the WordPress block editor, and you can’t type in your own font size.

Method 4: Change Site-Wide Font Size Using CSS

If you are changing font sizes every time you edit a post, then you may want to make it easier by changing it permanently in your theme.

The good news is that you can change the default paragraph size across your whole site. The best way to do this is by using the Theme Customizer under Appearance » Customize.

Some WordPress themes may come with an option for you to change the font size. If you can find this option, then you can use it without writing CSS code.

However, if your theme does not have that feature, then you can add custom CSS to add your own font size rules.

Simply click on the ‘Additional CSS’ option in the theme customizer. This is where you can store all your custom CSS code.

Add additional CSS Add additional CSS

Now under the additional CSS text box, simply add your CSS code. In this example, we are changing the font size to ’16px’, you can choose a different font size.

1

2

3

p {

font-size:16px;

}

You’ll immediately see the changes on the preview on the right-hand side of the screen. If you’re happy with the font size, click the ‘Publish’ button at the top of your screen to make it live.

Note: Your custom CSS will only be applied to the theme you’re using. If you later choose to switch to a different WordPress theme, you’ll need to copy and paste it into the Customizer again.

The above code only applies to paragraph text. What if you wanted to change the font size of all h2 sub-headings?

Simply modify the above code to target the h2 element in your theme like this:

1

2

3

h2 {

font-size:32px;

}

You can do the same thing with other headings as well by simply changing h2 to h3, h4, or h5.

We hope this article helped you learn how to easily change the font size in WordPress. You may also want to see our guide on how to use custom fonts in WordPress or our list of the best drag & drop WordPress page builder plugins.

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

Shares 559 Share Tweet Share Facebook Messenger WhatsApp Email

How to Edit Text in Your WordPress Posts or Pages

Last Updated on November 14, 2017 /0 Comments/in Beginners, Tutorials /by FixRunner Team

Si vous avez besoin de modifier du texte dans des publications ou des pages WordPress, cela peut être fait de deux manières principales. Regardez le didacticiel vidéo pour apprendre à maîtriser les deux !

Comment modifier du texte dans des publications ou des pages WordPress

Voici l’essentiel des informations couvertes par la vidéo.

Pour modifier les textes dans les articles WordPress, cliquez sur  Articles  dans votre tableau de bord WordPress. Ensuite, cliquez sur le titre du message que vous souhaitez modifier – cela vous mènera à l’éditeur de texte.

Click within the editor at the point you want to add text and a cursor would appear. You can now type in, or paste your text.

To bold or italicize text, select the text you want to work with and click or I in the tool bar.

Para alinear su texto, seleccione el texto que desea alinear y use el botón de alineación izquierda, centro o derecha en la barra de herramientas.

Nota: El proceso de edición de texto en las páginas es el mismo que en las publicaciones.

Sugerencia de WordPress

¿Sabía que puede ver exactamente cómo aparecerá el texto editado para los visitantes de su blog sin publicarlo in vivo? La fonction Vista previa de cambios le permite ver cómo lo verán los demás y le permite cambiarlo más si lo desea, antes de actualizar la publicación para que todas sus ediciones se publiquen.

Plus de cours :

  • Cómo navegar por su panel de WordPress
  • Cómo subir imágenes desde su computadora a WordPress
  • How to open your hosting account with HostGator

More helpful articles:

  • Recommended WordPress Live Chat Plugins Recommended WordPress Live Chat PluginsRecommended WordPress Live Chat Plugins
  • Using the WPML WordPress Plugin to Add Languages ​​to Your Site Using the WPML WordPress Plugin to Add Languages ​​to Your SiteUsing the WPML WordPress Plugin to Add Languages ​​to Your Site
  • band against paypal band against paypalIn-Depth Comparison Between Stripe and PayPal

Tags: adding content, beginners, editing text, getting started

Change text and display settings

Important: Some of these steps only work on Android 13 and higher. Learn how to check your Android version.

You can also find accessibility settings in quick settings, where you can quickly change your preferred settings for text and content.

Tip: These settings can also be configured from scratch in the setup wizard.

Cambiar el tamaño de la pantalla y el texto

Importante: la configuración del tamaño de fuente no se aplica a algunas aplicaciones.

Para hacer que el tamaño de la fuente sea más pequeño o más grande:

  1. En su dispositivo, abra la aplicación Configuración.
  2. Busque y seleccione Tamaño de fuente .
  3. Para cambiar su tamaño de fuente preferido, mueva el control deslizante hacia la izquierda o hacia la derecha.

Para hacer que el tamaño de su pantalla sea más pequeño o más grande:

  1. En su dispositivo, abra la aplicación Configuración.
  2. Busque y seleccione Tamaño de visualización .
  3. Para cambiar su tamaño de pantalla preferido, mueva el control deslizante hacia la izquierda o hacia la derecha.

Sugerencia: Encontrará una vista previa del cambio de su fuente y tamaños de visualización después de que haya configurado cada control deslizante en su tamaño preferido y, si no le gusta, para restablecer su configuración, toque  Restablecer configuración . El tamaño de la pantalla y las preferencias de texto se restablecerán a la configuración original de su dispositivo.

Usa fuentes en negrita

Important : Certaines applications n’utiliseront pas ce paramètre.

Vous pouvez utiliser une police en gras pour améliorer la visibilité.

  1. Sur votre appareil, ouvrez l’application Paramètres.
  2. Appuyez sur Accessibilité so what Taille d’affichage et texte .
  3. Activez ou désactivez le texte en gras .

Use contrasting viola text

High contrast can make text on your device easier to read. This feature changes the text color to black or white, depending on the original text color.

  1. On your device, open the Settings app.
  2. Tap Accessibility so what Display size and text .
  3. Enable or disable high contrast text.

Use color correction

Color correction and grayscale settings help your device compensate for color blindness. 

  1. On your device, open the Settings app.
  2. Tap Accessibility so what Color & Motion Color so what Correction .
  3. Enable Use color correction .
  4. Choose a correction mode.

Tip: You can create a shortcut for color correction. Learn more about accessibility shortcuts.

Use color inversion

Important: Color inversion inverts the color on screen and applies to everything, including media.

  1. On your device, open the Settings app.
  2. Tap Accessibility so what Color & Motion Color so what Inversion .
  3. Enable Use Color Inversion .

Tip: You can create a shortcut for inverting colors. Learn more about accessibility shortcuts.

Use dark theme and color inversion together

  • Android 10 and later: If you open an app that doesn’t support a dark theme, enable color inversion.
  • Android 9 and earlier: You can only use one of these settings at a time. If you turn on the dark theme, color inversion turns off automatically.

Change motion settings

Elimination animations

You can disable animations to help you focus.

  1. On your device, open the Settings app.
  2. Tap Accessibility so what Color & Motion .
  3. Enable Remove Animations .

Use large mouse pointer

You can enlarge the mouse pointer to make it more visible.

  1. On your device, open the Settings app.
  2. Tap Accessibility so what Color & Motion .
  3. Activate the large mouse pointer .

dim your screen

You can dim your screen beyond your phone’s minimum brightness to make it more comfortable to read.

  1. On your device, open the Settings app.
  2. Tap Accessibility .
  3. Enable extra brightness .

get more help

For more help with setting text and pants, contact Google’s Disability Assist.

Give your opinion on this article

Choose a section to give your opinion on

Google Google translator

Google Google Translate


Video Increase font size in wordpress

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…