Как для отображения специальных символов Юникода с использованием моноширинного шрифта в HTML с сохраненной шириной символа

Я использую элемент pre для отображения некоторого текста, включая специальные символы Unicode (⚡ ⚑ ▶ ◀ ⁋). Я заметил, что браузеры отображают эти специальные символы шире, чем обычные, и занимают больше места по горизонтали.

Это легко увидеть здесь: https://gist.github.com/968b5c22cce14909cf27 Обе строки состоят из 20 символов, но обратите внимание, что первая длиннее (пикселей экрана).

Есть ли способ (CSS) заставить элементы pre (или другой элемент с примененным моноширинным шрифтом) иметь действительно фиксированную ширину символа?

Я проверил Chrome и Firefox, и они оба увеличивают ширину специальных символов.