Zum Inhalt

Webfont Hack als monospaced Font in Material for MKDocs nutzen

  1. Download der neuesten Version von Hack: https://github.com/source-foundry/Hack/releases/latest
  2. Verschieben des Ordners /fonts in /docs/stylesheets
  3. Verschieben von hack.css in /docs/stylesheets
  4. Einbetten in den Code anhand der nachfolgenden Code-Snippets
mkdocs.yml
# Sicherstellen, dass zusätzliche CSS eingebunden werden.
extra_css:
  - stylesheets/extra.css
/docs/stylesheets/extra.css
/* Importieren des Stylesheets von Hack */
@import "hack.css";

:root {
    ..
    /* Zuweisung der Schriftfamilie */
    --md-code-font: "Hack";
    ..
}