How to add a new font (no google fonts)

Hello,
I uploaded a font on my webspace which I would like to use on my habpanel. I tried this:

@font-face {
	font-family: 'aurebeshregular';
	src: url('https://www.xyz.de/font/aurebesh-webfont.eot');
	src: url('https://www.xyz.de/font/aurebesh-webfont.eot?#iefix') format('embedded-opentype'),
	url('https://www.xyz.de/font/aurebesh-webfont.woff2') format('woff2'),
	url('https://www.xyz.de/font/aurebesh-webfont.woff') format('woff'),
	url('https://www.xyz.de/font/aurebesh-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
<font style="font-family: aurebeshregular">test</font>

Well, it don’t work :smiley: Could someone help me with this? If I need to save the font-files on the raspberry: In which folder do I need to safe them?

Thank you :slight_smile:

Put your fonts inside your openhab/conf/html folder and use http://YOUROPENHAB:PORT/static/<fontfilenamehere>

While you’re already there, add a css file in there too. And in advanced setting of HABPanel, add your custom css: http://YOUROPENHAB:PORT/static/yourcustom.css

OK well

  @font-face {
	font-family: 'aurebeshregular';
	src: url('/static/aurebesh-webfont.eot');
	src: url('/static/aurebesh-webfont.eot?#iefix') format('embedded-opentype'),
	url('/static/aurebesh-webfont.woff2') format('woff2'),
	url('/static/aurebesh-webfont.woff') format('woff'),
	url('/static/aurebesh-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

Doesnt work :frowning:

Where is this style defined? Try absolute path http://…/static/…

the style is in the costum widget. I allready tried the absolute path.