system font i18n css
All in the font-family
Ein wunderschöner moderner natives System -Schriftart Stapel zum Erreichen mehrsprachiger Text, das über alle wichtigen Desktop- und Mobile -Betriebssysteme und Browser konsistent ist.
system-font-i18n liefert 5 Gewichte (dünn, leicht, regelmäßig, fett, schwer) und unterstützt kursive Varianten für jedes Gewicht. Dieser Schriftart Stack bietet in allen wichtigen modernen Desktop- und Mobile-Betriebssystemen und -browsern konsistentere Artensportarten in westlichen und asiatischen Sprachen.
Sehen Sie sich die Dokumente für Typ -Exemplare und Beispieltext an.
Die robuste und bevorzugte Methode besteht darin, das system-sans-serif.css Stylesheet im <head> des html Dokuments zu verweisen. Fügen Sie dann die class der Dienstprogramme zur body hinzu.
<!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 > Verwenden Sie yarn oder npm , um das Paket zu installieren.
yarn add system-font-i18n-css -D Fügen Sie den Pfad hinzu, der Ihre ember-cli-build.js Datei einfügen.
var app = new EmberApp ( defaults , {
// …
sassOptions : {
includePaths : [
// …
'node_modules/system-font-i18n-css' ,
// …
] ,
} ,
// …
} ) ;Importieren Sie das CSS in Ihr Ember -Projekt.
@import " system-font-i18n-css " ; /* This should be AT or near the top */
/* … other imports */ Fügen Sie den system-sans-serif -CSS-Klassenname dem zu gestylen Element hinzu: z. B.:
<!--- HTML head -->
< body class =" system-sans-serif " >
<!-- body --> MIT
Ein Produkt von青心工機 Co., Ltd
