Problems to load fontfiles for panel with own css

Kirby 2 Questions 🤔
1

Hi,

I try to add my own CSS to the panel but I have some problems with own font files for icons.
In my panel.css who is saved at assets/css I import the icon.css-file through @import because I cannot add multiple css files through the config file.
In the icon.css I load the font files with @font-face. The the relative fontpath to …/assets/fonts/ are okay but I get an error 500 for all font files?
The same font files will be loaded perfect for the frontend.
What could also the reason for the 500 error?

Cheers

2

The relative path should look like this if the fonts are in /assets/fonts:

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#texniq') format('svg');
	font-weight: normal;
	font-style: normal;
}
4

@plagasul: This is a different issue, is not about field assets but a custom panel stylesheet. With custom Panel stylesheets it should work as outlined above.

We discussed the fields issue in another thread and I haven’t found a solution for that yet. I think fonts are not loaded for fields but only JS and CSS files. Maybe it was planned but not implemented, but I’m not sure.

1 Like