Skip to Content
Author's profile photo Hans Segers

Design Studio 1.x : How to embed custom fonts ?

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 !

Assigned Tags

      1 Comment
      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      Hello Hans,

      Thanks for sharing this info, it is very useful to newbie's like me. One question, if my dashboard needs more than one font, does that it mean I need to have more than 1 ttf image file.