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ファイルへのinclude includeパスを追加します。
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 --> mit
の製品青心工機 Co.、Ltd
