Actualmente me enfrento a un problema en el que la negrita Lato parece mostrarse incorrectamente a 14 y 16 px cuando uso MacOS Monterey en una resolución sin retina, como se muestra aquí: Lato 16 px sin retina vs retina

Código de muestra:

 <p>16px: <strong>provider</strong> and</p>

También puede probar este comportamiento usted mismo aquí: JSFiddle

Este es un gran problema ya que mi sitio web usa Lato como fuente principal.

Por lo que entiendo, solo afecta a los usuarios de MacOS (Monterey, tal vez Big Sur) que usan una resolución que no es de retina en su pantalla, independientemente del navegador utilizado. Eso significa que si tiene una pantalla retina, puede habilitar el error cambiando su resolución a una resolución estándar, no retina y, a la inversa, "arreglar" este problema en una pantalla no retina forzando una resolución retina con un ficticio físico o virtual. . (Si tiene varias pantallas, incluso puede mover la ventana de su navegador y hacer que el problema aparezca o desaparezca según la pantalla a la que lo mueva).

¿Alguien más encontró este o un problema de representación de fuente similar tan grave? Y lo que es más importante, ¿hay algo que pueda hacer por mi parte para solucionar este problema para mis usuarios?