0

Necesito que con una fuente monospace la distancia entre mis letras sea constante de tal forma que las letras mostradas en el ejemplo sean siempre vistas en conjunto como un cuadrado y no como un rectángulo.

#cuadrado {
  background: none;
  position: fixed;
  color: red;
  font-weight: bold;
  font-size: 7px;
  letter-spacing: 0;
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
<div id="cuadrado">
  <pre>
AAAAA
AAAAA
AAAAA
AAAAA
AAAAA
</pre>
</div>

3
  • ¿Alguna razón es especial para necesitar este comportamiento?
    – jasilva
    el 11 abr. 2016 a las 20:32
  • Quiero que se mantenga para formar algunas geometrías con las letras @jasilva
    – Ivan Soler
    el 11 abr. 2016 a las 20:52
  • Monospace significa que el ancho de los caracteres es constante entre ellos, no quiere decir que sea igual al alto el 11 abr. 2016 a las 21:48

1 respuesta 1

0

Igualando Line Height al font size con fuentes Mono funciona.

#cuadrado {
  background: none;
  position: fixed;
  color: red;
  font-weight: bold;
  font-size: 7px;
  letter-spacing: 0;
  
  
  line-height:7px;
}
<div id="cuadrado">
  <pre>
AAAAA
AAAAA
AAAAA
AAAAA
AAAAA
</pre>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.