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
1
A
Antwort
0
Sehen Sie bitte diesen Link https://chriztalk.com/using-google-fonts-ionic-2/. Für mich geht das.
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
- 1. So fügen Sie benutzerdefinierte Markierungen hinzu Gmap
- 2. So fügen Sie benutzerdefinierte Radiogruppe programmgesteuert hinzu
- 3. So fügen Sie neue benutzerdefinierte Schriftart Symbole in ionic2
- 4. So fügen Sie eine benutzerdefinierte Bibliothek in Xcode 9 hinzu
- 5. So fügen Sie benutzerdefinierte Codeanalyse in ReSharper hinzu
- 6. So fügen Sie benutzerdefinierte Soap-Header in wcf hinzu?
- 7. So fügen Sie benutzerdefinierte Funktionen in Apache Storm hinzu
- 8. So fügen Sie benutzerdefinierte Protokollierungsebene in log4j hinzu
- 9. Fügen Sie benutzerdefinierte Emojis zu meiner Messaging-App hinzu
- 10. So fügen Sie Eingabewerte hinzu
- 11. So fügen Sie Google-Spracherkennung in App hinzu
- 12. So fügen Sie die Zeitplanung in einer Sandbox-App hinzu?
- 13. Wordpress-Plug-ins: So fügen Sie benutzerdefinierte URL-Handles hinzu
- 14. So fügen Sie eine benutzerdefinierte Bibliothek zu einer Arbeitsdatei hinzu
- 15. So fügen Sie einem benutzerdefinierten Websteuerelement benutzerdefinierte Eigenschaften hinzu
- 16. So fügen Sie eine benutzerdefinierte Vorlagenseite zu Mezzanine hinzu?
- 17. So fügen Sie eine benutzerdefinierte Validierung zum Magento-Prototyp hinzu
- 18. So fügen Sie benutzerdefinierte TypeScript Global Interfaces hinzu
- 19. So fügen Sie JSQMessagesViewController eine benutzerdefinierte Ansicht hinzu
- 20. So fügen Sie benutzerdefinierte ASP.NET-Seiten zum Sharepoint hinzu
- 21. So fügen Sie eine benutzerdefinierte Ausnahme auf symfony2 hinzu
- 22. So fügen Sie einem WordPress-Plugin benutzerdefinierte Felder hinzu
- 23. Contribute CS4 - So fügen Sie benutzerdefinierte CSS-Stile hinzu
- 24. So fügen Sie benutzerdefinierte Eigenschaften zu SonarQube Project hinzu
- 25. Fügen Sie eine benutzerdefinierte Validierungsfehlermeldung hinzu laravel
- 26. So fügen Sie dynamische Viewpager-Höhe hinzu
- 27. So fügen Sie der Elementklasse in EXTJs eine Klasse hinzu
- 28. So fügen Sie Perspektiven in Eclipse hinzu
- 29. So fügen Sie Suchfelder in Django hinzu
- 30. So fügen Sie Ränder in Swift hinzu
Mögliche Duplikate von [Benutzerdefinierte Schriftart Ionic 2] (https://stackoverflow.com/questions/41932096/custom-font-ionic-2) –
Hallo, Sie können diese https://github.com/yannbf/ folgen ionicCustomIconsSample/blob/master/src/theme/variable.scss –