Initialen
Initialen - in der Anwendung fast verschwunden, aber zu unrecht wie ich meine.
Die erste Zeile beginnt mit einem Buchstaben der die Texthöhe 68px hat gegenüber dem Lauftext mit 14px.
In der Vergangenheit recht oft praktiziert, ist es heutzutage kaum noch zu sehen, aber zeigen möchte ich es dennoch! Vielleicht mag es daran liegen, dass der Beruf des Schriftsetzers ausgestorben ist, nur noch geschulte Layouter in Verlagen wissen was Typografie bedeutet und der Rest am PC damit garnichts anzufangen weiß.
Jetzt folgt Text im <p>-tag außerhalb des Containers class='initiale' und hat diese Formatierung nicht mehr.
Und um ein Zitat von Textgestaltungsminimalisten komme ich hier nicht herum:
Weniger ist mehr!
Mein Kommentar: Das wird gern von jenen angeführt, die eh mit weniger auskommen müssen.
„Regeln kann der brechen, der sich diese zu eigen gemacht hat.“
Und nun die Eigenschaft des Absatzes .initiale und des ersten Buchstabens:
.initiale {position:relative; left: 50px; width: 400px; text-align: justify; hyphens: auto; }
.initiale p::first-letter {
color: #ad0010;
font-size: 68px;
font-family: times, "times new roman";
line-height: 70%;
float: left; }
//Die Zeile in Kurzform:
<div class='initiale'>
<p>Die erste Zeile beginnt ... </p>
</div>
Aufmerksam machen möchte ich auf die Eigenschaft line-height: 70%;, da mit 100% bei einer Texthöhe von 64px auch die vierte Zeile eingerückt wird. Dat sieht nich jut aus!