Notification styling and fonts

Hi,

All the notifications in my panel app (running without a theme) display with a serif font. The notifications in the panel docs (Notifications — Panel v1.4.5) display with a sans-serif font. How can I get my app’s notifications to also display with a sans-serif font?

Is there any way to style other aspects of the notification in a similar way to the stylesheets parameter in the widgets/panes/etc.?

Thanks!

Are you on a Mac/Windows and which browsers?

I am using Windows 10 and Chrome.

It’s likely that your machine is missing a font so it’s falling back to some serif font. Perhaps raise an issue on GitHub?

It could be an upstream issue too for notyf

I will do that when I get a chance :+1:

Do you think it’s a font issue even though the notifications display correctly when I’m in the docs?

To clarify, you’re showing it on a browser? You can inspect browser console and compare if they point to the same fonts.

Yes, I am working in Chrome.

I am fairly new to CSS and the inspection tool; I can’t seem to find the place to see the font again… Could you please direct me to the right spot so that I can check?

Right click > Inspect

Click the cursor up top left
image

Click on the notification and in styles filter by font-family

Click on the --pst or hover

Hi Andrew,

Thanks for the help so far. I thought I was doing something wrong, but I actually don’t have anything showing up when I filter by “font”:

EDIT: All I can see is that it says it’s displaying in Times New Roman (see the text at the bottom-right of the window)

Yeah I’m not sure why. Maybe you can submit an issue.