This is an old revision of the document!
For configuration of the visualization font please choose one of the following options:
Option 1 [recommended]
- Place the font file in the folder webapp/fonts
- Add the diagram.font.list property to your config.xml file in the following way:
<property name=“diagram.font.list” value=“Pacifico:/webapp/fonts/Pacifico-Regular.ttf”/> - Update your scriptconfig.js like this: var FONTNAME = “Pacifico”
- Add a font-face to your custom.css file like this:
@font-face { font-family: 'YourFont'; font-style: normal; font-weight: 400; font-display: swap; src: local('YourFont'), local('YourFont'), url (''/pathToFont/YourFont.ttf') format('truetype'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
Note1: The unicode-range is completely optional and can be used in combination with a font splitt up into several .woff oder .woff2 files.
Note2: Take care, you are using the appropriate format (e.g. .ttf → truetype, .woff2 → woff2 …)
Note3: On update / upgrade your font file will be removed and this steps has to be redone.
Option 2
- Set the JVM parameter to the path of your fonts folder: -Dsun.java2d.fontpath=“c:/yourownfolder”.
- Place the font file in your own folder
- Add the diagram.font.list property to your config.xml file in the following way:
<property name=“diagram.font.list” value=“Pacifico:C:/yourownfolder/Pacifico-Regular.ttf”/> - Update your scriptconfig.js like this: var FONTNAME = “Pacifico”
@font-face { font-family: 'YourFont'; font-style: normal; font-weight: 400; font-display: swap; src: local('YourFont'), local('YourFont'), url (''/pathToFont/YourFont.ttf') format('truetype'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }