12.4 Scheinbar unpassende Dinge kombinieren, um Kontraste zu erzeugen

Problem

Durch die Kombination zweier unterschiedlicher Elemente wie Serifenschriften und serifenloser Schriften (siehe Abbildung 12-4) sollen Kontraste auf einer Webseite erzeugt werden.

Zwei unterschiedliche Schrifttypen in der gleichen Überschrift

Abbildung 12-4. Zwei unterschiedliche Schrifttypen in der gleichen Überschrift

Lösung

Verwenden Sie zwei unterschiedliche Schriften in der gleichen Überschrift. Versehen Sie zuerst die Überschrift mit dem nötigen Markup-Code:

<h2>Cross<span>i</span>ng <span>Over</span></h2> <h4>Sen. Jane Gordon (<span>I</span>-Utah) bolts GOP; <br />changes part<span>i</ span>es to be <span>I</span>ndependent</h4> ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.