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 http://www.fontsquirrel.com/tools/webfont-generator 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 : http://www.1001fonts.com/droid-sans-font.html

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 !