Problemas de alineación del encabezado HTML

Hola, tengo 2 encabezados simples, un h3 encima de un h2. Aunque por alguna extraña razón, parece que hay un espacio de 1px a la izquierda del encabezado h2. Me está volviendo loco y no entiendo por qué. El tamaño de fuente del h2 es 40px, mientras que el tamaño de fuente del h3 es 12px.

¿Puede alguien sacarme de mi miseria con esto?

Gracias

body { padding: 0; margin:0; } .section-heading-small { font-size: 12px; letter-spacing: 5px; color: #a3a3a3; font-weight: 500; margin: 0; } .section-heading-main { font-family: sans-serif; font-size: 40px; letter-spacing: -1px; margin: 0; text-transform: uppercase; font-weight: 700; } 
  

Small Heading

Large Heading

Esto no es un problema. La fuente está diseñada con un espaciado vectorial. Pero puede mostrarla con el margin-left:-3px; o text-indent:-2px; como se desee

 body { padding: 0; margin:0; } .section-heading-small { font-size: 12px; letter-spacing: 5px; color: #a3a3a3; font-weight: 500; margin: 0; } .section-heading-main { font-family: sans-serif; font-size: 40px; letter-spacing: -1px; margin: 0 0 0 -3px; text-transform: uppercase; font-weight: 700; } 
 

Small Heading

Large Heading

Puede ser que el peso y el tamaño de la fuente sean demasiado grandes. Intente reducir el peso y el tamaño de la fuente.

 Font-size: 20px; Font-weight: 500;