Una hermosa pila de fuentes de sistema nativo moderno para representar texto multilingüe, consistente en todos los principales sistemas y navegadores operativos móviles de escritorio y móviles.
system-font-i18n proporciona 5 pesos (delgados, ligeros, regulares, audaces, pesados) y admite variantes en cursiva para cada peso. Esta pila de fuentes proporciona una conclusión más consistente por caracteres en los idiomas occidentales y asiáticos en todos los principales sistemas y navegadores operativos de escritorio y móviles modernos.

Vea los documentos para especímenes de tipo y texto de ejemplo.
El método robusto y preferido es hacer referencia al system-sans-serif.css Stylesheet en la <head> del documento html . Luego agregue la clase de ayudante de utilidad a la class body .
<!DOCTYPE html >
< html lang = en >
< head >
< meta charset =" utf-8 " >
< meta name =" viewport " content =" width=device-width,initial-scale=1 " >
< link rel =" stylesheet " href =" system-sans-serif.css " >
</ head >
< body class =" system-sans-serif " >
< p > this is now using the system font! </ p >
</ body > Use yarn o npm para instalar el paquete.
yarn add system-font-i18n-css -D Agregue la ruta de inclusión a su archivo ember-cli-build.js .
var app = new EmberApp ( defaults , {
// …
sassOptions : {
includePaths : [
// …
'node_modules/system-font-i18n-css' ,
// …
] ,
} ,
// …
} ) ;Importe el CSS en su proyecto Ember.
@import " system-font-i18n-css " ; /* This should be AT or near the top */
/* … other imports */ Agregue el nombre de clase CSS system-sans-serif al elemento que se diseñe, por ejemplo:
<!--- HTML head -->
< body class =" system-sans-serif " >
<!-- body --> MIT
Un producto de青心工機 Co., Ltd