Überschriften responsive gestalten

Hi zusammen

Ich versuche schon seit Stunden folgenden Fall zu lösen:

Nehmen wir das als Beispiel:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Über CSS habe ich aktuell folgendes realisiert:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Was ich möchte: Dass in diesem Beispiel die Schriftart "Courier New" separat angesprochen und per CSS angepasst werden kann. Ich möchte dies global ändern und nicht inline.

Hat mir hier jemand einen Anhaltspunkt? Ich verzweifle langsam.

 

Ich habe mich zu ungenau ausgedrückt.

Wenn im WordPress-Editor z.B. die drei Worte "dies ist ein" markiert werden und die Schriftart geändert wird (nur von diesen drei Worten. Im Beispiel wäre das Courier New)), möchte ich über CSS gerne steuern können, dass die Schriftgröße sich für Geräte unterhalb von
768 Pixel verkleinert. Das bekomme ich nicht hin.

Auf der WordPress-Seite kommt dieser Fall immer wieder vor. Also Absätze mit zwei oder drei Wörtern in einer anderen Schriftart. Diese jedes Mal per inline zu bearbeiten wäre enormer Mehraufand.

 

Hey vielen herzlichen Dank! Das war der ausschlaggebende Tipp. Ab hier finde ich weiter.