Customize the Default Appearance of the Interface

You can generate links to embed web fonts for Google (www.fonts.google.com) or Adobe (www.fonts.adobe.com/fonts). Ensure that you specify all the styles you want to use, including bold and italic formatting. If you don’t include specific styles, the default styles will be used instead.

For example, the link for a Google font called Crimson Text, where you select Regular, Bold, Italic, and Bold-Italic fonts, would be as follows:

https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,700,700i&display=swap"

You can create URLs to call proprietary fonts from your own web server. Make sure you have only one font listed for a specific URL and use the following parameters.

The HTTP header for the URL needs to include content-type: text/css.

The response body should contain the following:

/* latin */

@font-face {
    font-family: 'MyWebfont';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url (<URL for font>) format('<font-type>');
					 
@font-face {
    font-family: 'MyWebfont';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url (<URL for font>) format('<font-type>');

Where:

• font-family: the name of the font.
• font-style: either normal or italic
• font-weight: 400 (regular) or 700 (bold)
• font-type: valid formats are truetype, woff, and woff2

Both the HTTP response and the actual font file need the access-control-allow-origin (CORS) access flag to access your font page. The header must be set to either * or your SAP Analytics Cloud tenant URL. The following is an example of a response header with the CORS access flag.

Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Access-Control-Expose-Headers: Access-Control-Allow-Origin,Access-Control-Allow-Methods
Content-Length: 172
Content-Type: text/css