Title: System Fonts
Author: Nilo Velez
Published: <strong>10 novembre 2018</strong>
Last modified: 30 Décembre 2024

---

Recherche d’extensions

Cette extension **n’a pas été testée avec les3 dernières versions majeures de WordPress**.
Elle pourrait ne plus être maintenue ou supportée et peut présenter des erreurs 
de compatibilité quand elle est utilisée avec des versions récentes de WordPress.

![](https://ps.w.org/system-fonts/assets/icon-256x256.png?rev=2720585)

# System Fonts

 Par [Nilo Velez](https://profiles.wordpress.org/nilovelez/)

[Télécharger](https://downloads.wordpress.org/plugin/system-fonts.zip)

 * [Détails](https://fr-ca.wordpress.org/plugins/system-fonts/#description)
 * [Avis](https://fr-ca.wordpress.org/plugins/system-fonts/#reviews)
 *  [Installation](https://fr-ca.wordpress.org/plugins/system-fonts/#installation)
 * [Développement](https://fr-ca.wordpress.org/plugins/system-fonts/#developers)

 [Support](https://wordpress.org/support/plugin/system-fonts/)

## Description

System Fonts enqueues a stylesheet that lets you use the native font on each operating
system and defines a system-ui css @font-face that you can use on the customizer,
your theme’s settings or your own code.

#### Usage example

The Twenty Seventeen theme uses this css selector for the body text:

    ```
    body, button, input, select, textarea {
      font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    }
    ```

We are going to replace it with the default system font.
 In you WordPress site,
go to `Appearance > Customize > Additional CSS` and paste this code

    ```
    body, button, input, select, textarea {
      font-family: system-ui;
    }
    ```

Appart from them font-family, there are other font-properties available:

 * font-style: normal or italic;
 * font-weight: 300 (light), 400 (regular), 500 (medium), 700 (bold);

For example this is the code make an element’s text semibold and cursive:

    ```
    #my-element {
      font-family: system-ui;
      font-weight: 500;
      font-style: italic;
    }
    ```

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/system-fonts` directory, or
    install the plugin through the WordPress plugins screen.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## Avis

Il n’y a aucun avis sur cette extension.

## Contributeurs & développeurs

« System Fonts » est un logiciel libre. Les personnes suivantes ont contribué à 
cette extension.

Contributeurs

 *   [ Nilo Velez ](https://profiles.wordpress.org/nilovelez/)

“System Fonts” a été traduit dans 6 locales. Remerciez [l’équipe de traduction](https://translate.wordpress.org/projects/wp-plugins/system-fonts/contributors)
pour ses contributions.

[Traduisez « System Fonts » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/system-fonts)

### Le développement vous intéresse ?

[Parcourir le code](https://plugins.trac.wordpress.org/browser/system-fonts/), consulter
le [SVN dépôt](https://plugins.svn.wordpress.org/system-fonts/), ou s’inscrire au
[journal de développement](https://plugins.trac.wordpress.org/log/system-fonts/)
par [RSS](https://plugins.trac.wordpress.org/log/system-fonts/?limit=100&mode=stop_on_copy&format=rss).

## Méta

 *  Version **0.6**
 *  Last updated **il y a 2 années**
 *  Active installations **40+**
 *  WordPress version ** 4.6 ou plus **
 *  Tested up to **6.7.5**
 *  PHP version ** 5.6 ou plus **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/system-fonts/), [Galician](https://gl.wordpress.org/plugins/system-fonts/),
   [Russian](https://ru.wordpress.org/plugins/system-fonts/), [Spanish (Chile)](https://cl.wordpress.org/plugins/system-fonts/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/system-fonts/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/system-fonts/),
   et [Ukrainian](https://uk.wordpress.org/plugins/system-fonts/).
 *  [Traduire dans votre langue](https://translate.wordpress.org/projects/wp-plugins/system-fonts)
 * Tags
 * [front end](https://fr-ca.wordpress.org/plugins/tags/front-end/)[typography](https://fr-ca.wordpress.org/plugins/tags/typography/)
 *  [Vue avancée](https://fr-ca.wordpress.org/plugins/system-fonts/advanced/)

## Notes

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/system-fonts/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/system-fonts/reviews/)

## Contributeurs

 *   [ Nilo Velez ](https://profiles.wordpress.org/nilovelez/)

## Support

Quelque chose à dire ? Besoin d’aide ?

 [Voir le forum de support](https://wordpress.org/support/plugin/system-fonts/)