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
- 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. - 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
«System Fonts» ha sido traducido a 4 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.