Jump to content

Zahlen kleiner als Schrift - CSS?


Mkb

Empfohlene Beiträge

Folgendes: ich würde gerne webseitenweit die Zahlen minimal kleiner als den Text setzen - gibt es da einen Weg, die Zahlen via CSS direkt anzusprechen oder sie in irgendeiner anderen Form auszulesen um sie entsprechend angepasst zu formatieren?
 
Wäre über einen Tipp sehr dankbar!

Link zu diesem Kommentar

Mit reinem CSS kannst du leider nicht inhaltsspezfisch formatieren (es gibt kein "GREP"-Format für CSS wie z.B. in Indesign).

 

Mittels einem Preprocessor (PHP) oder Postprocessor (Javascript) kannst du eine Seite natürlich nach Inhalten durchsuchen und die entsprechenden Fundstellen dynamisch mit einem entsprechenden <span class="zahl"> umschließen, was dann über css z.B. auf 0.9em der Hauptformatierung runtergenommen wird.

Link zu diesem Kommentar

Diskutiere mit …

Du kannst jetzt schreiben und dich später registrieren. Wenn du bereits einen Account hast, melde dich an, um von deinem Account aus zu schreiben.
Hinweis: Dein Beitrag muss von einem Moderator zunächst freigeschaltet werden.

Gast
Auf dieses Thema antworten ...

×   Du hast formatierten Text eingefügt.   Restore formatting

  Only 75 emoji are allowed.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

<p>Typography.Guru—Lehrreiche Typografie-Videos auf YouTube …</p>
<p>Typography.Guru—Lehrreiche Typografie-Videos auf YouTube …</p>
<p>Typography.Guru—Lehrreiche Typografie-Videos auf YouTube …</p>
<p>Typography.Guru—Lehrreiche Typografie-Videos auf YouTube …</p>
<p>Typography.Guru—Lehrreiche Typografie-Videos auf YouTube …</p>
<p>Typography.Guru—Lehrreiche Typografie-Videos auf YouTube …</p>
×
×
  • Neu erstellen...

Hinweis

Wie die meisten Websites, legt auch Typografie.info Cookies im Browser ab, um die Bedienung der Seite zu verbessern. Sie können die Cookie-Einstellungen des Browsers anpassen. Anderenfalls akzeptieren Sie bitte die Speicherung von Cookies. Weitere Details in der Datenschutzerklärung