Шрифты для оформления блога с большим количеством примеров кода

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

Существует множество объяснений того, как выбирать подходящие шрифты, но мне не удалось найти ни одного, отвечающего на вопрос о том, как создать стек шрифтов, включающий хороший моноширинный шрифт для широкого использования. (Мне лично нравятся «книжные» дизайны с использованием шрифтов с засечками, например , тема Moargh «Feijoa» , но мне трудно найти подходящий моноширинный шрифт. )

Не могли бы вы предложить:

  • примеры хорошего веб-дизайна, который включает в себя нетривиальное количество отображаемого кода, или
  • советы или ресурсы о том, как действовать для выбора.
Я бы сказал, используйте это и не слишком беспокойтесь о шрифте alexgorbatchev.com/SyntaxHighlighter (в пакете довольно много тем.)

Ответы (2)

Список шрифтов, доступных на различных платформах. Включает множество моноширинных шрифтов:

Матрица шрифтов в комплекте с Mac и Windows, Microsoft Office и Adobe Creative Suite

Вы заметите, что на самом деле у вас не так много вариантов. Если только вы не используете TypeKit или не встраиваете шрифт на свою страницу (и не используете CSS @font-face). Создать стек шрифтов довольно просто. Вот несколько советов по этому поводу:

Руководство по стекам шрифтов CSS: методы и ресурсы

Мне очень нравится сайт LESS. Содержит множество примеров кода.

lesscss.org

Используйте Gist из Github - https://gist.github.com/ , тогда он не только будет хорошо выглядеть, но и отформатирует его с помощью цветов и тому подобного, например, в среде IDE.