Markdown Toolbox Logo Markdown Toolbox
Startseite
Blog

Code Syntax Hervorhebung in Markdown

2024-09-25

Kurze Version

Um eine Schriftart mit integriertem Syntax-Highlighting zu verwenden, folgen Sie den Installationsanweisungen in der Dokumentation der Schriftart.

<link rel="stylesheet" href="https://example.com/font.css">

Lange Version

Einführung

Bestimmte Schriftarten verfügen über integriertes Syntax-Highlighting, das das Erscheinungsbild von Codeblöcken in Markdown-Dokumenten verbessert.

Schritte zur Verwendung

  1. Wählen Sie eine Schriftart: Wählen Sie eine Schriftart, die Syntax-Highlighting unterstützt, wie eine, die auf Glyph Drawing verfügbar ist.

  2. Fügen Sie die Schriftart in Ihr Dokument ein: Fügen Sie den entsprechenden Link hinzu, um das Stylesheet der Schriftart zu Beginn Ihres HTML-Dokuments einzufügen.

<link rel="stylesheet" href="https://example.com/font.css" />
  1. Wenden Sie die Schriftart an: Verwenden Sie CSS, um die Schriftart bei Bedarf auf Ihre Code-Elemente in Markdown anzuwenden.

Beispiel CSS Verwendung

code,
pre {
    font-family: 'Your Font Name';
}

So können Sie eine benutzerdefinierte Schriftart nutzen, um das Erscheinungsbild von Codeschnipseln in Ihrem Markdown zu verbessern, und dabei das integrierte Syntax-Highlighting, das es bietet, verwenden.