Ich verwende eines der im Lieferumfang enthaltenen KendoUI Themen, aber ich möchte die Schriftfamilie ersetzen. Was ist der einfachste Weg, um die gesamte Schriftfamilie der Kendo UI zu überschreiben?Wie ändert man die Standard-Kendo-UI-Schriftart?
0
A
Antwort
0
In Angular können Sie die neue Schriftart vorhanden Sie verwenden unter
$scope.$on("kendoWidgetCreated", function (event, widget) {
var styleTag = widget.body.parentNode.getElementsByTagName("style")[0];
styleTag.parentNode.removeChild(styleTag);
widget.body.style.fontFamily = '<your font name here>';
widget.body.style.fontSize = '12px';
widget.body.style.color = '#35384D';
});
Stellen Sie sicher, tun in Kendo-Schriften zur Verfügung gestellt, wenn es nicht vorhanden ist, wird Kendo Standard-Schriftart Arial verwenden.
Um einen anderen Third-Party-Font zu verwenden, muss dieser im Kendo-Header-Abschnitt enthalten sein.
Ich kämpfe im Moment mit google font in Kendo, werde aber den Thread aktualisieren, wenn ich ein Beispiel bekomme.
Schließlich muss ich für hässliche Lösung gehen tun google Schriftart verwenden, obwohl Kendo Demo viel einfacher Art und Weise zeigen, es zu tun, aber die waren nicht für mich arbeiten
angular.element(angular.element('.k-editable-area .k-content')[0].contentDocument.getElementsByTagName("head"))
.append("<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>");
Verwandte Themen
- 1. Wie ändert man die Pfeilspitze?
- 2. Wie ändert man die Quelle mit NAnt?
- 3. Wie ändert man die Dokumentauswahl in Javascript?
- 4. Wie ändert man die Formrahmenfarbe C#?
- 5. Wie ändert man die "FONT" für CEdit?
- 6. Wie ändert man die Schriftfarbe eines Hyperlinks?
- 7. Wie ändert man die Titelhintergrundfarbe des Dialogs?
- 8. pygtk: Wie ändert man die Menütextgröße?
- 9. Wie ändert man die Schriftgröße in ttk.Button?
- 10. Wie ändert man die Bootstrap-Medienabfragebedingungen?
- 11. Wie ändert man die Strichfarbe dynamisch?
- 12. Wie ändert man die Größe eines NumericVectors?
- 13. Wie ändert man die Pfeilspitze des NSPopover?
- 14. spring, wie ändert man die cglib-Benennungsrichtlinie
- 15. Wie ändert man die Kopfhöhe in NavigationView?
- 16. Wie ändert man die Farbe des Etikettentextes?
- 17. Wie ändert man die Spinner-Schriftfarbe?
- 18. In Matlab, wie ändert man die Achsenausrichtung?
- 19. Wie ändert man die Hintergrundfarbe in HTML?
- 20. Wie man die Knopfnamen beim Klicken ändert
- 21. Wie ändert man die Videoausrichtung des AVPlayers?
- 22. Wie ändert man die Paketansicht in IntelliJ?
- 23. Wie ändert man die Textverschlüsselung des DataContractSerializers?
- 24. Wie ändert man die Schriftgröße in HTML?
- 25. Wie ändert man die Bandhöhe dynamisch?
- 26. Wie ändert man die PagerTabStrip Registerkarte Textfarbe
- 27. Löffel ETL, wie man die Werte ändert
- 28. Wie ändert man die Hindernisregeln in enchant.js?
- 29. Wie ändert man die Größe der Schildkröte?
- 30. Wie man die Schriftart-ehrfürchtige Textschriftart ändert?
Haben Sie versucht, ein Stylesheet zu erstellen Kendos Schriftarten überschreiben? – DontVoteMeDown
Ich habe es versucht, aber ich denke, ich frage, welcher Selektor oder wie man den Standard setzt, damit ich nicht jedes Element stylen muss. –
Chrome Developer Tools sind dafür von unschätzbarem Wert. Sehen Sie sich die Seite an und sehen Sie, welche Quelle die Schriftart ist. Sie können beginnen, indem Sie einfach das
-Tag überschreiben. –