На этот вопрос уже есть ответ:

Есть ли способ заставить шрифт переменной ширины вести себя как шрифт фиксированной ширины в HTML?

Например, если бы у меня было предложение «Быстрая серая лиса перепрыгнула через ленивую собаку», отображаемое в «Courier New», шрифте фиксированной ширины, оно было бы в целом шире, чем если бы оно было шрифтом переменной ширины, например, « Arial». Я хотел бы использовать «Arial» вместо «Courier New», но у символов фиксированная ширина.

Пример переменной ширины:
Быстрая серая лиса перепрыгнула через ленивую собаку.

Пример фиксированной ширины:

The quick grey fox jumped over the lazy dog

Обратите внимание, насколько близки символы друг к другу в словах «быстрый» и «серый» в каждом примере.