Custom CSS Header Size Discrepancy

jhveem
Community Explorer

I am trying to adjust the default size of headers for our institution, and while doing some testing in our beta instance, I noticed that anytime I set a pixel size in the CSS, it gets reduced to 75% of the value I enter.

h2 {
  font-size18px;
}

There's the css I did for testing, but instead of 18px, it gets reduced to 14px. I tried a bunch of sizes and confirmed it consistently gets reduced by the same percentage. Does anyone know why this is the case.

I can of course just set everything to (desired value / .75), but my concern would be that whatever is causing the reduction won't happen on every device, on every page, etc so sizes would be inconsistent.

Thanks for any insight.