1

Ich möchte eine neue Schriftfamilie aus Google Schriftarten in meiner ionic2 App hinzufügen. Ich muss die Standardschriftfamilie ändern und meine benutzerdefinierte Schriftfamilie hinzufügen. Bitte helfen Sie! DankeSo fügen Sie benutzerdefinierte Schriftfamilie in ionic2 App hinzu

+0

Mögliche Duplikate von [Benutzerdefinierte Schriftart Ionic 2] (https://stackoverflow.com/questions/41932096/custom-font-ionic-2) –

+0

Hallo, Sie können diese https://github.com/yannbf/ folgen ionicCustomIconsSample/blob/master/src/theme/variable.scss –

Antwort

3

Es ist wichtig, sicherzustellen, dass der 'font-family'-Name mit dem Namen der systemeigenen Schriften übereinstimmt.Um den Namen der Schriftart in Windows zu überprüfen, können Sie einfach auf die .ttf-Datei doppelklicken und sehen, welchen Wert' Font name 'hat.

Lets sagen, ich habe eine Schriftart, die ich in meiner Ionic App verwenden möchte, und ich überprüfe es ist. TTF-Datei und es ist der Name der Schriftart ist "Flouc Font". Ich würde sicherstellen, dass die .ttf in dem richtigen Ordner (Assets/Fonts) in meinem Fall ist. Dann bearbeiten Sie die Datei /src/theme/variables.scss die folgende Definition enthalten:

@font-face { 
    font-family: "Flouc Font"; 
    src: url("../assets/fonts/floucFont.ttf") 
} 

*{ 
    font-family: "Flouc Font"; 
} 
Verwandte Themen