Question

我正在使用其中一个包含的KendoUI主题，但我想替换字体系列。覆盖Kendo UI中使用的整个字体系列的最简单方法是什么？

Answer 1

在Angular中，您可以在下面执行

$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';
});

确保您使用的新字体存在于Kendo提供的字体中，如果它不存在，Kendo将使用默认的Arial字体。

要使用任何其他第三方字体，需要将其包含在Kendo标题部分中。 ~~我现在正努力在剑道使用谷歌字体，但是当我开始工作时会更新帖子。~~

最后，我必须为丑陋的解决方案使用谷歌字体，虽然剑道演示显示更容易的方式，但那些不适合我

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'>");

如何更改默认的Kendo UI字体？

1 个答案: