Описание
System Fonts enqueues a stylesheet that lets you use the native font on each operating system and defines a system-ui css @font-face that you can use on the customizer, your theme’s settings or your own code.
Usage example
The Twenty Seventeen theme uses this css selector for the body text:
body, button, input, select, textarea {
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
We are going to replace it with the default system font.
In you WordPress site, go to Appearance > Customize > Additional CSS
and paste this code
body, button, input, select, textarea {
font-family: system-ui;
}
Appart from them font-family, there are other font-properties available:
- font-style: normal or italic;
- font-weight: 300 (light), 400 (regular), 500 (medium), 700 (bold);
For example this is the code make an element’s text semibold and cursive:
#my-element {
font-family: system-ui;
font-weight: 500;
font-style: italic;
}
Инсталиране
- Upload the plugin files to the
/wp-content/plugins/system-fonts
directory, or install the plugin through the WordPress plugins screen. - Activate the plugin through the ‘Plugins’ screen in WordPress
Отзиви
There are no reviews for this plugin.
Сътрудници и разработчици
“System Fonts” е софтуер с отворен код. Към разширението са допринесли следните хора:
Сътрудници“System Fonts” е преведено на 5 езика. Благодарности на преводачите за техния принос.
Превеждане на “System Fonts” на вашия език.
Имате интерес към разработване?
Преглеждане на кода, разглеждане на SVN хранилище, или абонамент към програмната история (log) чрез RSS.