Fuentes para diseñar un blog que incluye muchos ejemplos de código

Estoy tratando de diseñar un sitio personal que incluya muchas listas de códigos, con comentarios de texto; muchos de los ejemplos de código están escritos en el lenguaje Python, por lo que se ven mejor con una fuente de ancho fijo.

Hay muchas explicaciones sobre cómo elegir fuentes coincidentes, pero no pude encontrar ninguna que aborde la cuestión de cómo hacer una pila de fuentes que incluya una buena fuente monoespaciada para usarla ampliamente. (Mi gusto personal son los diseños "similares a libros" que usan fuentes serif, por ejemplo, el tema "Feijoa" de Moargh , pero me resulta difícil encontrar un monoespacio que coincida ) .

¿Puede por favor sugerir:

  • ejemplos de buen diseño web que incluyen cantidades no triviales de código mostrado, o
  • consejos o recursos sobre cómo proceder para la selección.
Yo diría, use esto y no se preocupe demasiado por la fuente alexgorbatchev.com/SyntaxHighlighter (Incluye bastantes temas en el paquete).

Respuestas (2)

Una lista de fuentes disponibles en varias plataformas. Incluye muchas fuentes monoespaciadas:

Matriz de fuentes incluidas con Mac y Windows, Microsoft Office y Adobe Creative Suite

Sin embargo, notará que en realidad no tiene tantas opciones. A menos que use TypeKit o incruste la fuente en su página (y use CSS @font-face). Crear una pila de fuentes es bastante fácil. He aquí algunos consejos al respecto:

Guía de pilas de fuentes CSS: técnicas y recursos

Me gusta mucho el sitio web de LESS. Contiene muchos ejemplos de código.

lesscss.org

Use Gist de Github - https://gist.github.com/ entonces no solo se verá bien, sino que lo formateará con colores y como un IDE