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. Activa el plugin a desde 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

«System Fonts» ha sido traducido a 3 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «System Fonts» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.