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 seminegrita y cursiva:
#my-element {
font-family: system-ui;
font-weight: 500;
font-style: italic;
}
Instalación
- 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. - Activa el plugin a través de la pantalla “Plugins” en WordPress
Reseñas
No hay reseñas para este plugin.
Colaboradores & Desarrolladores
“System Fonts” es software de código abierto. Las siguientes personas han contribuido a este plugin.
Colaboradores
“System Fonts” ha sido traducido en 6 idiomas. 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 .