Изменить стиль PRE, но сохранить пробел

Question

Я отображаю некоторый контент, используя тег PRE, потому что жизненно важно сохранить пробелы как есть. Однако когда я пытаюсь изменить семейство шрифтов PRE, отступы в пробелах распадаются.

Если говорить более конкретно, я создаю сайт с аккордами песен и их эквивалентными текстами, поэтому мне нужно, чтобы каждый аккорд был точно над определенным словом или буквой. Когда я создаю стиль шрифта PRE, аккорды теряют свою позицию относительно позиции букв, даже если весь текст оформлен одинаково.

Есть предложения?

Answer 1

Как говорили другие авторы, вам нужен моноширинный шрифт. Вы можете использовать собственные шрифты CSS3, если хотите использовать свой собственный моноширинный шрифт. Однако самый простой способ решить вашу проблему - позволить браузеру зрителя решить, какой шрифт использовать. Чтобы убедиться, что все зрители видят ваш контент pre моноширинным шрифтом, используйте следующее.

pre { font-family: monospace; }

Answer 2

да, вам нужны моноширинные шрифты.вот список некоторых доступных шрифтовhttp://www.urbanfonts.com/fonts/monospaced-fonts.htm (Google)

Answer 3

Я думаю, это связано с разной шириной каждой буквы / цифры в вашем семействе шрифтов. Однако вы должны быть в состоянии использовать шрифт monospace ?