Title: System Fonts
Author: Nilo Velez
Published: <strong>10 de noviembre de 2018</strong>
Last modified: 30 de diciembre de 2024

---

Buscar plugins

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas 
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

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

# System Fonts

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

[Descargar](https://downloads.wordpress.org/plugin/system-fonts.zip)

 * [Detalles](https://ve.wordpress.org/plugins/system-fonts/#description)
 * [Valoraciones](https://ve.wordpress.org/plugins/system-fonts/#reviews)
 *  [Instalación](https://ve.wordpress.org/plugins/system-fonts/#installation)
 * [Desarrollo](https://ve.wordpress.org/plugins/system-fonts/#developers)

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

## Descripción

«System Fonts» pone en cola una hoja de estilo que te permite usar la fuente nativa
en cada sistema operativo y define un sistema-ui css @font-face que puedes usar 
en el personalizador, los ajustes del tema o tu propio código.

#### Ejemplo de uso

El tema Twenty Seventeen usa este selector css para el texto del cuerpo:

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

Vamos a reemplazarlo con la fuente predeterminada del sistema.
 En tu sitio de WordPress,
ve a `Apariencia > Personalizar > CSS adicional` y pega este código

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

Además de font-family, hay otras propiedades de fuente disponibles:

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

Por ejemplo este es el código que hace que el texto de un elemento sea semibold 
y cursiva:

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

## Instalación

 1. Sube los archivos del plugin en el directorio `/wp-content/plugins/system-fonts`,
    o instala el plugin a través de la pantalla de plugins de WordPress.
 2. Activar el plugin a través de la pantalla «Plugins» en WordPress

## Reseñas

No hay reseñas para este plugin.

## Colaboradores y desarrolladores

«System Fonts» es un software de código abierto. Las siguientes personas han colaborado
con este plugin.

Colaboradores

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

«System Fonts» ha sido traducido a 6 idiomas locales. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/system-fonts/contributors)
por sus contribuciones.

[Traduce «System Fonts» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/system-fonts)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/system-fonts/) , echa
un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/system-fonts/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/system-fonts/)
por [RSS](https://plugins.trac.wordpress.org/log/system-fonts/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Version **0.6**
 *  Last updated **hace 1 año**
 *  Active installations **40+**
 *  WordPress version ** 4.6 o superior **
 *  Tested up to **6.7.5**
 *  PHP version ** 5.6 o superior **
 *  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/)
   y [Ukrainian](https://uk.wordpress.org/plugins/system-fonts/).
 *  [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/system-fonts)
 * Tags
 * [front end](https://ve.wordpress.org/plugins/tags/front-end/)[typography](https://ve.wordpress.org/plugins/tags/typography/)
 *  [Vista avanzada](https://ve.wordpress.org/plugins/system-fonts/advanced/)

## Valoraciones

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/)

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/system-fonts/)