Fontes do sistema

Descrición

System Fonts pon en cola unha folla de estilo que permite usar a fonte nativa en cada sistema operativo e define un sistema-ui css @font-face que podes usar no personalizador, nos axustes do tema ou no teu propio código

Exemplo de uso

O tema Twenty Seventeen usa este selector css para o texto do corpo:

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

Imos substituílo polo tipo de letra por defecto do sistema.
No teu sitio de WordPress, vai a Apariencia > Personalizar > CSS adicional e pega este código

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

Ademais de font-family, hai outras propiedades de fonte dispoñibles:

  • font-style: normal ou cursiva;
  • font-weight: 300 (light), 400 (regular), 500 (medium), 700 (bold);

Por exemplo este é o código que fai que o texto dun elemento sexa semibold e cursiva:

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

Instalación

  1. Sobe os arquivos do plugin ao directorio /wp-content/plugins/system-fonts, ou instala o plugin directamente na pantalla de plugins de WordPress.
  2. Activa o plugin a través do menú «Plugins» de WordPress.

Comentarios

Non hai recensións para este plugin.

Colaboradores e desenvolvedores

“Fontes do sistema” é un software de código aberto. As seguintes persoas colaboraron con este plugin.

Colaboradores

“Fontes do sistema” foi traducido a 5 idiomas. Grazas aos desenvolvedores polas súas contribucións.

Traduce “Fontes do sistema” ao teu idioma.

Interesado no desenvolvemento?

Revisa o código, bota unha ollada aorepositorio SVN, ou subscríbete ao log de desenvolvemento por RSS.