Inhaltsverzeichnis
Einer der grundlegenden Aspekte bei der Arbeit mit Text in HTML sind die Bildveränderungen, die nur durch die Änderung der Schriftart der Buchstaben auftreten können, aber es gibt zwei Aspekte von Fachleuten, die in diesem Zusammenhang arbeiten, die Designer, die jeden Aspekt der Typografie ändern möchten, und die Programmierer, die, obwohl sie es wollen Wenn sie mit ihnen arbeiten, wollen sie daran nicht so tiefgreifende Änderungen vornehmen.Schrifteigenschaften
Bevor wir mit den Quellen arbeiten, werden wir ihre Eigenschaften überprüfen, um den Hintergrund zu kennen:
- Schriftfamilie: Gibt die Schriftfamilie für einen Textblock an.
- Schriftgröße: Gibt die Schriftgröße für einen Textblock an.
- Schriftstil: Gibt den Stil der Schriftart an, er kann normal, kursiv, schräg sein.
- Schriftart-Variante: Gibt an, ob der Text des Blocks in Kapitälchen-Schrift angezeigt werden kann oder nicht, seine möglichen Werte sind Kapitälchen und normal.
- Schriftstärke: Gibt das Gewicht der Schriftart für einen Textblock an, dh seine Dicke, seine Werte können normal, fett, fetter, heller sein.
- Schriftart: Verknüpfung, mit der Sie die Schriftart in einer einzigen Zeile angeben können.
Die Eigenschaft Schriftfamilie Wir legen die Gruppe von Schriftarten fest, die verwendet werden, indem wir eine Vorzugsreihenfolge festlegen, so dass, wenn eine nicht verfügbar ist, sie in der Vorzugsreihenfolge an die folgende weitergegeben wird. Der Browser beginnt mit der ersten Schriftart in der Liste und versucht in der festgelegten Reihenfolge für jede der Schriftarten, bis eine verfügbar ist.
Dies geschieht, weil wir möglicherweise Schriftarten verwenden müssen, die auf dem PC eines Benutzers installiert sind oder zu einem bestimmten Betriebssystem gehören, damit wir steuern können, wie sich dies auf unser Dokument auswirkt, wenn ein anderer Benutzer die Anforderungen nicht erfüllt.
Sehen wir uns abschließend noch eine Liste von generischen Schriftarten an, die standardmäßig für alle Systeme verfügbar sein sollten und mit denen wir keine Probleme haben sollten.
- Serife
- serifenlos
- kursiv
- Fantasie
- Monoraum
BeispielEs gibt viele verschiedene Obstsorten – allein von Bananen gibt es über 500 Sorten. Wenn wir die unzähligen Apfel-, Orangen- und anderen bekannten Obstsorten hinzufügen, stehen wir vor Tausenden von Möglichkeiten.
In diesem Code sehen wir, dass in der Font-Familie eine unkonventionelle Schriftart definiert wurde, da es sich um eine proprietäre Schriftart handelt HelveticaNeue Condensed und dann als zweite Präferenz platzieren wir Monoraum Sehen wir uns an, wie wir dies im Browser für jeden der definierten Fälle sehen können.
[Anhang = 861: html5fuentes.jpg.webp]
Auf der linken Seite des Bildes haben wir den Fall, in dem die Schriftart, die als erste Wahl platziert wurde, nicht existiert, dh die Schriftart Monospace, auf der rechten Seite sehen wir die proprietäre Schriftart.
Damit beenden wir das Tutorial, nachdem wir die theoretischen Grundlagen gekannt und in die Praxis umgesetzt haben, können wir nun ein wenig mit den Quellen unserer Anwendung spielen und erreichen optisch ansprechendere Ergebnisse, die unseren Wünschen entsprechen.
Sie können Teil 2 dieses Tutorials weiterlesen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
