JavaScript - font-family und line-height ändern

[kultursprung]

Hallo zusammen!

Ich habe eine Testseite, auf der dynamisch durch JavaScript 4 CSS Elemente geändert werden sollen.

Zwei von den vier funktionieren:

font-size und width

Zwei funktionieren nicht:

Line-height und font-family

D.h. funktioniert nicht ist nicht ganz korrekt. Sie funktionieren auf der h3 Überschrift „Was ist eigentlich lorem ipsum?“ (in grün etwa in der Mitte der Seite) aber nicht auf den p Tags.

  function mach(was) {
    document.getElementById("inhalt").style.width = was;
  }
  function schreib(was) {
    document.getElementById("inhalt").style.fontFamily = was;
  }
  function tu(was) {
    document.getElementById("inhalt").style.fontSize = was;
  }
  function gib(was) {
    document.getElementById("inhalt").style.lineHeight = was;
  }

Wenn ich das Stylesheet der Seite rausnehme, dann geht es. Es hängt also irgendwie damit zusammen. Nur wie, und wie rausfinden?

Beste Grüße Kultursprung

Hier die Testseite:

http://www.stichpunkt.de/css/zeilenbreite.html