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.

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.