I want for Chrome browser to use the San-serif option in chrome://settings/fonts. I have the font below and sans-serif as fallback, but it uses the Standard font in Chrome settings not the Sans-serif font option. How do I force Chrome to use Sans-serif option from the CSS below:

Why am I sometimes getting this graphical glitch on the edges of my div? You can see it in the image bellow, the 1px wide vertical line on the right of the element. This sometimes appears, on the left or right, seemingly at random, depending on scaling. If you don’t see it in your browser, you can hold ctrl and scroll to adjust your scaling. This frequently brings the behavior out.

I am trying to use backdrop-filter to blur the background behind a static header. It works very well on Firefox. But it has issues with Chrome and Edge. From some conversations, I figured out that there was some issue with nested elements having backdrop-filter. I fixed that and it worked well for images.

After the update to Chrome 125, in some cases the elements started jumping. For example, in the example below when hovering. Please tell me what this is about and how to fix it?