Changing text size in wordpress

New Page

Change text and display settings

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

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

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

Change screen and text size

Important : The font size setting does not apply to some applications.

To make the font size smaller or larger:

  1. On your device, ouvre the configuration of l’application.
  2. Find and select Font Size .
  3. To change your preferred font size, move the slider to the left or right.

To make your screen size smaller or larger:

  1. On your device, ouvre the configuration of l’application.
  2. Find and select Display Size .
  3. To change your preferred screen size, move the slider to the left or right.

Tip: You’ll find a preview of your font and display sizes changing after you’ve set each slider to your preferred size, and if you don’t like it, to reset your settings, tap  Reset Settings . Your screen size and text preferences will be reset to your device’s original settings.

Use bold fonts

Important : Some applications will not use this setting.

You can use bold fonts to improve visibility.

  1. On your device, ouvre the configuration of l’application.
  2. Tap Accessibility and then Show size and text .
  3. Turn bold text on or off.

Use the high contrast text

An elevé contrast peut facilitate the reading du texte sur votre appareil. Cette fonctionnalité change la couleur du texte en noir ou blanc, selon la couleur du texte d’origine.

  1. Sur votre appareil, ouvrez l’application Paramètres.
  2. Appuyez sur Accessibilité et alors Taille d’affichage et texte .
  3. Activate or deactivate the text to contrast him.

Use color correction

The correction of the colors and the parameters of the gray levels also appear to compensate for color blindness. 

  1. Sur votre appareil, ouvrez l’application Paramètres.
  2. Appuyez sur Accessibilité et alors Couleur et movement et alors Correction des couleurs .
  3. Activez Use the color correction .
  4. Choose a mode of correction.

Astuce : You can create a raccourci pour la correction des couleurs. In savoir plus sur les raccourcis d’accessibilité.

Use the color investment

Important : L’inversion des couleurs inverse la couleur à l’écran et s’applique à tout, and buy the media.

  1. Sur votre appareil, ouvrez l’application Paramètres.
  2. Appuyez sur Accessibilité et alors Couleur et mouvement et alors Inversion des couleurs.
  3. Activez Utiliser l’inversion des couleurs .

Astuce : You can create a raccourci pour l’inversion des couleurs. In savoir plus sur les raccourcis d’accessibilité.

Utilisez le thème sombre et l’inversion des couleurs ensemble

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

Change motion settings

remove animations

You can turn off animations to help you focus.

  1. On your device, open the Settings app.
  2. Tap Accessibility et alors Color and motion.
  3. Turn Remove animations on.

Usar puntero de mouse grande

You can make the mouse pointer bigger so it’s more noticeable.

  1. On your device, open the Settings app.
  2. Tap Accessibility et alors Color and motion.
  3. Turn Large mouse pointer on.

Atenúa tu pantalla

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

  1. On your device, open the Settings app.
  2. Tap Accessibility.
  3. Turn Extra dim on.

Obtén más ayuda

Para obtener más ayuda con la configuración de texto y pantalla, comuníquese con el equipo de asistencia para personas con discapacidad de Google .

Dar su opinión sobre este artículo

Elija una sección para dar su opinión sobre

Cómo cambiar fácilmente el tamaño de fuente en WordPress

Ultima actualización en22 de diciembre de 2021por Equipo editorial | Divulgación del lector Divulgación : Nuestro contenido está respaldado por el lector. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante y cómo puede apoyarnos.

Shares 559 Share Tweet Share Facebook Messenger WhatsApp Email

¿Quieres cambiar el tamaño de fuente en tus publicaciones o páginas de WordPress?

A veces, es posible que desee aumentar el tamaño de una línea o un párrafo, o que desee aumentar el tamaño de la fuente en toda la página.

En este artículo, le mostraremos cómo cambiar fácilmente el tamaño de fuente en las publicaciones y temas de WordPress.

How to change the font size in WordPress Comment changer la taille de la police dans WordPress

Videotutorial

Suscríbete a WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

Método 1: usar encabezados de párrafo

Using headings in your content is a great way to grab user attention with a larger-size font. In most WordPress themes, headings are in a larger font than regular body text. They allow you to break your posts and pages into sections.

Headings are great for SEO as well. Search engines give proper headings more weight than normal paragraph text.

How to add a heading in the default WordPress block editor

You can add a heading to your posts or pages by simply adding the ‘Heading’ block. You can search for it or find it in the ‘Text’ section in the WordPress block editor.

Add a header block Add a titre pad

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.

Cap changer from h2 Cap changer 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.

Choisir le titre dans l'éditeur classique Choisir le titre dans l'éditeur classique

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 parameters typography parameters

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.

Taille de la police de l'éditeur classique des outils d'édition avancés Taille de la police de l'éditeur classique des outils d'édition avancés

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.

Added the taille of the police at the barre d'outils Added the taille of the police at the barre d'outils

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:

Taille de la police de l'éditeur classique des outils d'édition avancés Taille de la police de l'éditeur classique des outils d'édition avancés

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

Changer la police dans l'éditeur classique Changer la police dans l'éditeur classique

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.

Supplementary CSS Addendum Supplementary CSS Addendum

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, then 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 Change Font Size in WordPress: The Right Way & The Wrong Way

  • Updated: Jul 26, 2018
  • Reading Time: ~8 minutes

How to change the font size in WordPress Comment changer la taille de la police dans WordPress

Trying to figure out how to change the font size on your WordPress site? We’ve got everything you need in this WordPress font size guide:

  • 4 methods we recommend
  • 2 methods we don’t recommend
  • Plenty of examples for specific scenarios

No need to feel overwhelmed at the thought of adjusting your font size. Follow along as we help you find the best solutions, or feel free to jump right to a method below for step-by-step instructions & examples.

The Best Ways to Change Font Size in WordPress

  • In Your WordPress Theme Options (Customizer)
  • Custom CSS (preferred, but a little technical)
  • Paragraph & Heading tags (only specific use cases)
  • Using a WordPress Font Plugin (great for Google Fonts)

Bad Methods for Changing Font Size in WordPress

  • TinyMCE Advanced Plugin
  • Inline CSS (or <span> tags)

How to Change Font Size in your WordPress Theme

One of the first ends or you devriez verified the possibility of modifying the taille of your police dans WordPress is found directly dans your thème. Certains thèmes offrent cette flexibilité; D’autres ne le font pas.

Change Font Size in WordPress Theme with Customizer Modify the police taille dans le thème WordPress avec CustomizerCertains thèmes WordPress prennent en charge la taille de police dans le Customizer

You devriez d’abord verifier it seems that:

  • c’est souvent le plus simple
  • you can preview the new tailles de police avant de les mettre en ligne
  • no codage implied

If your theme WordPress takes on charge the personalized police tails, you will find them in the Customizer.

  1. Go to  Apparence> Personnaliser
  2. Recherchez “Polices”, “Typographie” ou quelque chose de similaire (cela différera d’un thème à l’autre)
  3. Mettez à jour les tailles de police que vous souhaitez modifier
  4. Utilisez l’aperçu en direct sur la droite pour tester vos modifications
  5. Cliquez sur le bouton Publier lorsque vous avez terminé

There is another way to change the font size in your WordPress theme, but it requires a little coding. Continue reading the next section.

How to Change Font Size in WordPress with CSS

Using a little bit of CSS to change your font size in WordPress is usually the best option. It does require some CSS knowledge, but is generally not all that difficult. You’ll also benefit from consistency across your entire site, as well as the flexibility to change font size wherever & however you want.

CSS in style.css File

The best way to change font size in WordPress is by using CSS code in your style.css file. However, you should never make changes directly to your theme’s files. It’s a best practice to create a child theme and make updates there.

See WordPress’ documentation on child themes »

Une fois que vous avez créé un thème enfant, ouvrez le fichier style.css. Vous pouvez modifier la taille de la police de plusieurs manières :

Porte du livre électronique 10 free WordPress plugins

Livre électronique WordPress gratuit

Les 10 plugins WordPress gratuits et essentiels que chaque site Web devrait utiliser.

Obtenir un livre électronique

Nous vous enverrons occasionnellement des nouvelles et des réductions sur les plugins. Vous pouvez vous désinscrire à tout moment.

  • modifier la taille de la police de l’ensemble de votre site (affectant tous les éléments)
  • modify the taille de la police d’éléments spécifiques (p, h2, li, blockquote, etc.)
  • modify the taille de la police pour des tailles d’écran spécifiques

Examines quelques exemples utilisant chaque méthode.

Modify the taille de la police de l’ensemble de votre site WordPress

The plupart des thèmes WordPress defines a taille de police par défaut sur l’élément <body>. If you need to enlarge or reduce the police taille of all the elements of your site, your code will ressemblera à ceci :

corps {taille de la police: 1.25 rem; }

You can define the “1.25rem” as you souhaitez.

Modify the taille of the police d’éléments spécifiques

Supposons that you souhaitiez simply modify the taille de la police de toutes les balises de paragraphe (p). Les balises de paragraphe sont utilisées pour la plupart du content général de votre publication.

p { police taille: 20px; }

Ou vous souhaitez que toutes les balises d’en-tête (h2, h3, h4) aient la même taille :

h2, h3, h4 { taille de police : 1.5 em ; }

You can use this method to pour n’importe quel elément de votre site. You may also be more precise and modify the police tail uniquely in certain areas of your site.

Modify the taille of the police pour all the elements of the list (li) dans votre barre laterale. Cela supposes that votre thème uses a kind of “barre laterale :”

.sidebar li { font-size: 16px; }

If you souhaitez augment the taille de la police de tous les eléments de votre pied de page, vous pouvez faire quelque chose comme ceci:

.footer { taille de police: 110%; }

The class names that you use are different, according to the WordPress theme that you use. If you don’t know how to comment, determine the class names to be used, include a link to your site with the commentaries and your helper’s essaierai.

Modify the police taille pour des tailles d’écran spécifiques

You can also use the multimedia requirements to adjust the police tail for certain types of information. You can start with a global tail of 18 pixels for the smallest screens, and one you have once atteint the screens of most 900 pixels large, adjust the global police tail to 20 pixels.

html { police tail: 18px; } @media (min-width : 900px) { html { font-size : 20px ; } }

Supplementary CSS for the Customizer

If you never access your style.css file, you can add the same rules to the CSS supplémentaire zone dans l’util de personalisation.

  1. Connectez-vous à votre espace d’administration WordPress
  2. Navigate to  Appearance > Customize
  3. Click on  Additional CSS
  4. Enter your CSS rules (examples mentioned above)
  5. Preview your font changes in the preview area to the right
  6. Click Publish to make your changes live

A Note About Font Size: px, rem, em or %

You might have noticed I used a variety of font size values in the example above.

  • px – pixels
  • em – a unit relative to the size of it’s parent element
  • rem – a unit relative to the size of the root element (<html>)
  • % – a unit relative to the size of it’s parent element

Il est recommandé d’utiliser un certain type d’unité relative pour les tailles de police. Cela permet d’ajuster la taille des différents éléments de texte vers le haut ou vers le bas, tout en restant en proportion relative les uns par rapport aux autres. Si un élément grossit, faire tout le reste.

Cela également également les choses en ce que que que que les tailles de police sur différentes tailles d’écran.

I prefer to define a pixel-based police tail on the main element (<html>), then you can adjust the tail of individual elements to the rem aid.

html { police tail: 18px; } .entry-title { font-size: 1.875rem; } Taille de la police via les balises de paragraphe et d’en-tête

Another quick and easy way to modify the style of your WordPress police is to use different HTML elements or balises. By default, WordPress offers a simple toggle mode between paragraph balises (<p>) and title balises (<h2>, <h3>, <h4>, etc.).

Change WordPress font size with header tags Modifier la taille de la police WordPress avec les balises d'en-têteModify the taille de la police WordPress à l’aide des balises d’en-tête

IMPORTANT: El propósito de estas etiquetas es crear una estructura o esquema para su contenido. Técnicamente, no debe usarlos con el único propósito de cambiar el tamaño de fuente. No debe cambiar el texto a un <h2> o <h3> si no es un encabezado principal en su publicación.

Su SEO y accesibilidad podrían vers afectados si se vuelve deshonesto con las etiquetas de encabezado.

  1. Cliquez sur une publication pour ouvrir la pantalla de edición.
  2. Resalta el texto en el que te gustaría cambiar el tamaño de fuente
  3. En la barra de herramientas sobre su contenido, haga click en el menú desplegable que dice “Párrafo”
  4. Elija la etiqueta de encabezado adecuada

Los tamaños de fuente de las etiquetas de párrafo y encabezado están controlados por su tema, por lo que cambiar los temas probablemente también cambie los tamaños de fuente. Utilice esta opción con precaución.

Cambiar el tamaño de fuente de WordPress usando un complemento de fuente

Si su tema no admite cambios de tamaño de fuente y desea cambiar el tamaño de elementos de texto específicos, puede usar un complemento de fuente de WordPress . El uso de un complemento tiene algunas ventajas:

  • Tus tamaños de fuente persistirán, incluso si cambias de tema
  • Puede cambiar otros estilos de fuente, además del tamaño de fuente
  • Flexibilidad total para todos los aspectos de su sitio de WordPress, no solo para publicar contenido

Este método solo debe usarse si no comprende CSS o no tiene acceso para cambiar los estilos de su tema. Podría funcionar bien para principiantes y no expertos en tecnología, pero generalmente no es la mejor opción.

NOTA: Nuestros complementos de fuentes recomendados solo son relevantes si está utilizando Google Fonts en su sitio. Para todas las demás fuentes, debe considerar usar CSS en el style.cssarchivo de un tema secundario.

Si ha cambiado con éxito el tamaño de fuente en su sitio de WordPress, puede detenerse aquí. Pero creo que es importante cubrir brevemente dos métodos que actualmente no recomendamos.

El problema con el tamaño de fuente de WordPress en el complemento avanzado TinyMCE

The TinyMCE Advanced plugin is incredibly popular and activated by States-Unis on more than 2 million WordPress sites. It adds a ton of features to the TinyMCE toolbar in the WordPress editor, many of which are quite useful. And one of its features is the ability to adjust the font size.

Bannière complementary advanced TinyMCE Bannière du plugin advanced TinyMCE

Sans however, there are a few reasons why we currently do not support using the plugin for font size changes:

  1. Because it adds so many features, it can often be overwhelming for beginners. Some of its features may also conflict with other plugins that perform similar tasks.
  2. WordPress 5.0 (due for release in late 2018) will bring many changes to the WordPress editor, and the TinyMCE Advanced plugin may or may not continue to function the same.
  3. Allow users to change the font size of any element, in any post, at any time. This could lead to inconsistencies on your site, with different font sizes being used.

How to change the font size in WordPress with CSS online

Font size changes with inline CSS would look like this. I would wrap a <span> tag around some text and font-size would apply the CSS property.

<span style=”font-size:12px;”>Ce texte aurait une taille de douze pixels.</span>

There is no recommendation on this donnée pour cette option :

  1. Se ouvrir à l’incoherence. You can change something to 12 pixels in one post and then to 14 pixels in another.
  2. It’s a tedious process and needs to be done every time you want to use a different font size. Past très efficace.
  3. Using it too many times on a page increases the digital weight of the page, which could negatively affect page performance and slow down your site.

That covers every way we could think of to change the font size in WordPress. Be responsible and choose one of the best methods. Not only will it give your site a more professional look, it could save you headaches in the long run.

  • Niveau : Debutante
  • Prerequisites : WordPress
  • Author : Dave Warfel
  • 1 732 mots
  • 20 comments
partager
  • GererWP
  • Twitter
  • Facebook
  • cushion

En savoir plus sur WordPress et les polices…

Police Google + WordPress Police Google + WordPress

Google Fonts in WordPress : plugins vs @font-face vs Google CDN

23 September 2018

Google Google Translate


Video Changing text 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…