Fuentes

Google Fonts

Las fuentes remotas de Google se asignan fácilmente invocándolas por su nombre:

Fuentes de Google - texto y enlaces

# "mkdocs.yml"
theme:
  font:
    text: Roboto

Fuentes de Google - bloques de código

# "mkdocs.yml"
theme:
  font:
    code: Roboto Mono

Para guardar una réplica local de las fuentes remotas de manera automática habilitar el plugin privacy:

Self-Hosting de fuentes

# "mkdocs.yml"
plugins:
  - privacy

Más sobre el plugin privacy: Privacidad de datos

Las fuentes adicionales se incorporan desde un archivo CSS, el cual tiene que ser agregado al archivo CSS para ser usado:

Fuentes adicionales - Habilitación

# "mkdocs.yml"
extra_css:
  - stylesheets/fuentes.css

Si se desea sobreescribir la fuente del sistema entonces se crea una definición @font-face:

Fuentes adicionales - Sobreescritura

/* "fuentes.css" */
@font-face {
  font-family: "<font>";
  src: "...";
}

También pueden asignarse fuentes particulares a elementos específicos:

Fuentes adicionales - Uso

/* "fuentes.css" */
:root {
    --md-text-font: "<font>"; 
    --md-code-font: "<font>";
}