Wie kann ich in HTML den Text im Rahmen die Schriftart ändern?
Hallo,
ich möchte in html von dem Text der im Rahmen ist, die Schriftart ändern.
Irgendwie klappt das nicht so.
@font-face {
font-family: "Germanica";
src: url("Schrift/germanica/Shadowed Germanica.ttf");
}
#id1 { margin-left: 170px;}
<div id="id1"><div align="center"><p style="font-family:Germanica"><p class="outset"><br><font size="7"><strong>Test </font></strong><br><br> <font size="5"><strong> Der Absatz </font></strong> <br><br></p></div>
1 Antwort
Dein HTML beinhaltet mehrere Markupfehler.
1) Das align-Attribut ist schon seit langer Zeit nicht mehr Teil des HTML-Standards. Ersetze es durch CSS (text-align).
2) Das font-Element ist nicht mehr Teil des HTML-Standards. Die Schriftgröße kannst du ebenso via CSS setzen (font-size).
3) Paragraphen können nicht ineinander geschachtelt werden. Daher wirkt die Schriftdefinition nur auf den ersten Paragraph.
Letzten Endes sollte dein HTML-Abschnitt also so aussehen:
<div id="id1">
<div style="text-align: center">
<div style="font-family: Germanica">
<p class="outset">
<br>
<strong style="font-size: xxx-large">Test</strong>
<br><br>
<strong style="font-size: x-large">Der Absatz</strong>
<br><br>
</p>
</div>
</div>
</div>
Wobei auch die Zeilenumbrüche durch CSS ersetzt werden könnten (siehe margin-Property).
Die Inline-Styles könnten des Weiteren gegen Klassenselektoren ausgetauscht werden, um HTML und CSS deutlich voneinander zu trennen.