Fonts

The ZUi Styleguide uses different fonts depending on the system the application is running on. The default font is "Segoe UI". However, as Segoe UI is only available on Windows operating systems, on all other operating systems "Noto Sans" is used.

ZUi Web tries to detect if Segoe UI is installed on user's machine and uses it when possible. Otherwise it loads Noto Sans. To do this, you have to provide a URL where all Noto Sans fonts can be found. This is done with the registerTypefaces method from @zeiss/zui package. You should either upload the fonts to the same web server that will serve your application or use a CDN to serve the Noto fonts.

A typical setup looks like this:

import { registerTypefaces } from "@zeiss/zui"

registerTypefaces("/fonts") 

// OR

registerTypefaces("https://<URL-TO-CDN>")