system font i18n css
All in the font-family
一个美丽的现代本机系统字体堆栈，用于渲染多语言文本，在所有主要台式机，移动操作系统和浏览器中都保持一致。
system-font-i18n提供5个权重（薄，轻，规则，大胆，重），并为每个重量提供斜体变体。该字体堆栈在所有主要的现代台式机以及移动操作系统和浏览器上提供了更一致的每字形排版的每字形排版。
查看类型样本和示例文本的文档。
强大而首选的方法是在html文档的<head>中引用system-sans-serif.css样式表。然后将实用程序助手类添加到body class 。
<!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 >使用yarn或npm安装软件包。
yarn add system-font-i18n-css -D将包含路径添加到您的ember-cli-build.js文件中。
var app = new EmberApp ( defaults , {
// …
sassOptions : {
includePaths : [
// …
'node_modules/system-font-i18n-css' ,
// …
] ,
} ,
// …
} ) ;将CSS导入您的Ember项目。
@import " system-font-i18n-css " ; /* This should be AT or near the top */
/* … other imports */将system-sans-serif CSS classname添加到要定型的元素中，例如：
<!--- HTML head -->
< body class =" system-sans-serif " >
<!-- body --> 麻省理工学院
一个青心工机公司有限公司
