looks normal to me. Can you show me a screenshot?

Please see the attached. Both versions are using Open sans font at 17px. The one on the left (sharp) is using J51 Layla template v3. The one on the right (blurry) is using J51 Kaylee v4. Here are the links for reference:

Layla template - https://www.sandwichpld.org/scholarships
Kaylee template -https://dianec63.sg-host.com/scholarships

I'm also including a screenshot of the mobile menus for both. The one on the right is very blurry.

difference is due to the font-weight.
Layla uses:
b, strong, th {
font-weight: 700;
}

Kaylee uses:
b, strong {
font-weight: bolder;
}

add:
b, strong, th {
font-weight: 700;
}
into your custom css

Thanks, I tried that but it didn't help.

Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

* {

    -webkit-font-smoothing: none !important;

}

Ciaran

Unfortunately that did not help either.

Hello

Maybe try auto instead.

* {

    -webkit-font-smoothing: auto !important;

}

If you wish you can experiment with the various smoothing values....

auto - Let the browser decide (Uses subpixel anti-aliasing when available; this is the default)
none - Turn font smoothing off; display text with jagged sharp edges.
antialiased - Smooth the font on the level of the pixel, as opposed to the subpixel. Switching from subpixel rendering to anti-aliasing for light text on dark backgrounds makes it look lighter.
subpixel-antialiased - On most non-retina displays, this will give the sharpest text.

This is the only difference between these 2 templates with the fonts you have rendered.

Ciaran