Custom Font mit Material Design Lite?

Hey,

ich baue aktuell meine eigene kleine Website und wollte das Framework Material Design Lite benutzten. Ich habe leider ein Problem und zwar wird durch das Framework automatisch die Font auf eine Standard Schriftart geändert obwohl ich vorher eine andere eingestellt hatte. Weiß jemand wie man das beheben kann?

Answer 1

[regex9]

Material Design Lite definiert eine Schriftart für das gesamte Dokument mittels dieser CSS-Regel:

html, body {
  font-family: "Helvetica", "Arial", sans-serif;
  /* ... */
}

Die kannst du überschreiben, indem du eine eigene Regel definierst, die nach deren Stylesheet eingebunden wird.

Minibeispiel mit style-Tag:

<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<style>html, body { font-family: "Comic Sans MS" }</style>

Comments

[Grafix343]

funktioniert leider nicht

[regex9]

@Grafix343

In der CSS von Material Design Lite gibt es noch weitere Selektoren, die die Schrift setzen. Die musst du auch noch überschreiben.