Cuando revisé Chrome, su tamaño de fuente se ve bien, ya que he agregado en mi CSS, pero cuando verifiqué el tamaño de fuente de la política de privacidad y los términos de uso del navegador Safari es más grande que el navegador Chrome.
Aquí está mi HTML
<div class="term-condition-section"> <a class="term-condition-btn" target="_blank" href="#">Privacy Policy/</a> <a class="term-condition-btn" target="_blank" href="#">Terms of Use</a> </div>Aquí está mi CSS
.term-condition-section { display: flex; padding: 0.25rem 0.5rem; } .term-condition-section .term-condition-btn { display: block; width: fit-content; clear: both; font-weight: 400; font-size: 10px; color: blue; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }Por favor ayuda
Sin conocer su font-family , en realidad no puedo decir cuál es la razón de esto. Aquí hay algunas posibilidades para este problema.
font-weight: 400; en su font-family seleccionada proporcionada y el resultado de salida puede variar de acuerdo con esto. Por lo tanto, puede intentar deshabilitarlo agregando font-synthesis: none en el texto, proporcionando la versión en negrita de su fuente o cambiando su fuente a una fuente segura para la Web .
Para obtener más información sobre font-synthesis , visite la páginade síntesis de fuentes de MDN
EDITAR:
Avenir Next tiene formato de archivo de tipo OTF, TTF, por lo que la versión 3.1 a 11.1 del navegador Safari no lo admite. Sin embargo, la versión 12 del navegador Safari lo admite.
Para obtener más información, visite estas páginas.
Detalles de soporte del navegador para fuentes
Detalles de la fuente Avenir Next
¡Gracias y un saludo!
Creo que esto resolverá tu problema:
body { -webkit-text-size-adjust: none; }