How to change font family in zk9?

answered 2021-02-17 09:22:52 +0800

hawk
3250 ● 1 ● 5
http://hawkphoenix.blogsp...

updated 2021-02-17 09:26:03 +0800

Using link directive to link a google font in a zul.

If you just want to change the font for one or several components in the whole application, you can still override their built-in css like:

.z-combobox-input{
    font-family: yourFont;
}

If you want to change the font used in all components, it's better to build a custom ZK theme, please follow the readme in zkThemeTemplate. Then change the variable below to change all font family used in all components and produce a custom theme jar and include the theme jar in your project and switch to the custom theme:

@baseTitleFontFamily:          "Helvetica Neue", Helvetica, Arial, sans-serif;