Markdown Toolbox Logo Markdown Toolbox
Startseite
Blog

Wir haben eine weitere Seite auf Englisch. Möchten Sie die Sprache wechseln?

We have another page in English. Would you like to change languages?

Ja / Yes Nein / No

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.