userContent.css code changing global font

[BruceAWittmeier]

I had this in my userContent.css file and it caused an { information image } to fail on a the VA prescription page. I thought I got it from this forum but don't recall. The information image appeared as a small vertical rectangle with fa fo in the rectangle on 2 lines.

Is there an error in this syntax?

Code: Select all

* {
  /*** font-family:  "Segoe UI", "Arial Narrow"   !important;  ***/
  /*** font-family:  "Segoe UI"  !important; ***/
  font-family:  "Arial Narrow"   !important;
  }

[bjherbison]

https://jigsaw.w3.org/css-validator/#validate_by_input

Congratulations! No Error Found.
This document validates as CSS level 3 + SVG !

[BruceAWittmeier]

I have used the validator in the past but don't develop much html anymore.

Something happens at the " * { " level. If I comment out this part is does not cause a problem. It doesn't matter which font I attempt to use, it fails.
Again, I don't recall where I found the code but did develop my own troubleshooting process.

[smsmith]

That code will change all text to use Arial Narrow font. It could be that the "image" is created using fonts somehow and really is not an image? Maybe there's a way to add an exclusion to your userContent.css file to not change fonts on the VA site. I am not sure how to do that.

Does your userContent.css file break the site in Nightly only? What about release?

[BruceAWittmeier]

smsmith I think you are right -- it is not an image but is a font with background. It is a blue circle with an i for information.
It worked find with my userContent.css renamed and did not really affect anything else.
I only have 2 tweaks in my css file so it is not a big deal.
Thanks for the help.