Schriftarten zum Gestalten eines Blogs, das viele Codebeispiele enthält

Ich versuche, eine persönliche Website zu gestalten, die viele Code-Listings mit Textkommentaren enthält. Viele der Codebeispiele sind in der Python-Sprache geschrieben, daher sehen sie am besten in einer Schriftart mit fester Breite aus.

Es gibt viele Erklärungen zur Auswahl passender Schriftarten, aber ich konnte keine finden, die die Frage beantwortet, wie man einen Schriftartenstapel erstellt, der eine gute Monospace-Schriftart enthält, die ausgiebig verwendet werden kann. (Meine persönliche Vorliebe gilt "buchartigen" Designs mit Serifenschriften, z. B. Moarghs Thema "Feijoa" , aber ich finde es schwierig, einen passenden Monospace zu finden. )

Können Sie bitte vorschlagen:

  • Beispiele für gutes Webdesign, das nicht triviale Mengen an angezeigtem Code enthält, oder
  • Ratschläge oder Ressourcen zum Vorgehen bei der Auswahl.
Ich würde sagen, verwenden Sie dies und machen Sie sich nicht zu viele Gedanken über die Schriftart alexgorbatchev.com/SyntaxHighlighter (Es enthält einige Themen im Paket.)

Antworten (2)

Eine Liste von Schriftarten, die auf verschiedenen Plattformen verfügbar sind. Enthält viele monospaced Schriftarten:

Matrix von Schriftarten im Bundle mit Mac und Windows, Microsoft Office und Adobe Creative Suite

Sie werden feststellen, dass Sie tatsächlich nicht so viele Optionen haben. Es sei denn, Sie verwenden TypeKit oder betten die Schriftart auf Ihrer Seite ein (und verwenden CSS @font-face). Das Erstellen eines Schriftstapels ist ziemlich einfach. Hier einige Ratschläge dazu:

Leitfaden für CSS-Font-Stacks: Techniken und Ressourcen

Ich mag die LESS-Website sehr. Enthält viele Codebeispiele.

lesscss.org

Verwenden Sie Gist von Github - https://gist.github.com/ , dann sieht es nicht nur gut aus, sondern formatiert es mit Farben und dergleichen wie eine IDE