Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
Showing results for 
Search instead for 
Did you mean: 
Product and Topic Expert
Product and Topic Expert
An easy way to use custom fonts in Design Studio, regardless of the deployment option (local, SAP NetWeaver, SAP BusinessObjects BI Platform), is embedding the Base64 encoding of the font into your custom CSS file.

The website allows to Base64 encode a ttf file into a CSS syntax that you then can incorporate into the custom CSS file of your Analysis Application.

In the Webfont Generator select the "Export Option" :

Upload the font file (eg a ttf). Font files could be found on the web,

I found the ttf file for DroidSans here :




Select the Base64 Encode option, a zip file will be dowloaded containing the file "stylesheet.css".

This file contains the css-syntax to be copied to your custom css file.



copy-pase the syntax you find in the "stylesheet.css" to your custom css file. In this example, we generated the Base64 encoding for the font DroidSans.





Good luck !
1 Comment