So verwenden Sie Textstile beim Erstellen von Inhalten für eine Webseite

Trotz der wachsenden Popularität von Visual Media Elements ist Text immer noch der am häufigsten verwendete Typ für die Bereitstellung von Informationen im Web. Ihre Website sollte die lesbare Schriftart haben, um den Inhalt bereitzustellen. Wählen Sie ein Textelement aus und ändern Sie dann seine Schriftart im Eigenschaftenfenster. Wir haben Ihnen über 900 Google Fonts zur Verfügung gestellt und die beliebtesten in eine separate Liste unterteilt. Sie können die zuletzt verwendeten Schriftarten auch in einer anderen Liste finden. Außerdem besteht die Möglichkeit, eine benutzerdefinierte Schriftart hinzuzufügen.

Die Wahl der richtigen Schriftgröße für die Textelemente ist wichtig, damit diese leicht zu lesen und zu verstehen sind. Sie können die Schriftgröße festlegen, indem Sie ein Textelement auswählen und dann den Wert für die Schriftgröße im Eigenschaftenfenster auswählen oder eingeben. Sie können auch unterschiedliche Schriftgrößen für kleinere Bildschirme verwenden, größer oder kleiner, je nach Textpassung und Lesbarkeit. Bei Bedarf können Sie auch eine andere Schriftgröße für einen ausgewählten Teil des Textes einstellen.

Dem Text hinzugefügte Symbole erleichtern das Lesen und Verstehen und helfen dabei, die Stimmung einfach und schnell zu vermitteln. Es ruft normalerweise zum Handeln auf und macht den Text einfach attraktiver. Andererseits trägt der Text neben dem Symbol dazu bei, das Symbol leichter zu verstehen und die Mehrdeutigkeit zu reduzieren. Um die gemeinsame Verwendung von Symbol und Text zu vereinfachen, können Sie in Nicepage das Symbol aus der Kontext-Symbolleiste in den Text einfügen. Bei Bedarf können Sie das Symbol im Abschnitt „Symbol“ im Eigenschaftenfenster für den Text ändern.

Die Zeilenhöhe ist eine grundlegende Texteigenschaft, die den Abstand über und unter Textzeilen definiert. Sie können den Wert für die Zeilenhöhe ändern, indem Sie das Feld im Eigenschaftenfenster für die ausgewählte Überschrift, den Text oder andere Elemente auswählen oder eingeben. Es wird normalerweise empfohlen, die kleinere Zeilenhöhe für die größeren Schriftgrößen zu verwenden.

In den meisten Fällen erfordern Texte die Hervorhebung grundlegender Operationen. Die grundlegende Formatierung umfasst Fett, Kursiv, Unterstrichen und wir haben die Großbuchstaben hinzugefügt. Sie können einen Text oder seinen Teil auswählen und im Eigenschaftenfenster auf die Symbole für die grundlegende Formatierung klicken. Bitte beachten Sie, dass im Gegensatz zum Rich Text für den regulären Text die Großbuchstabenoperation das gesamte Element ändert, nicht nur den ausgewählten Teil.

Wenn Sie einen lang gelesenen Text für Ihre Website haben und der Text nicht sehr bequem zu verwenden ist, gibt es das Rich Text Element (RTE), mit dem Sie Artikel mit langem Inhalt erstellen können. Im Gegensatz zu den regulären Überschriften-, Text-, Listen- und Bildelementen können Sie diese Elemente direkt im Rich-Text-Element hinzufügen und ändern, ähnlich wie beim Bearbeiten von Text in einem Prozessor wie MS Word.

Farbe ist das Erste, was Sie sich vorstellen, wenn Sie an Webdesign denken. Sie können jede der generierten voreingestellten Farben aus der Palette auswählen, die Sie ändern können, indem Sie auf den Link Farben im Themenbereich für den Schnellzugriff klicken. Verwenden Sie bei Bedarf das Dialogfeld Farbauswahl, um zusätzliche Farben hinzuzufügen, die Sie im Dialogfeld Farbe im Eigenschaftenfenster für den ausgewählten Text finden. Sie können den Stil mit Farbe aktualisieren, um dieselbe Farbe auf alle Instanzen der auf einer Website verwendeten Textstile anzuwenden.

Die Textbreite ist wichtig, da sie hilft, die Positionierung aller Blockelemente richtig zu definieren und das gesamte Layout auszurichten. Die Textbreite macht den Inhalt attraktiv und lesbar. Im Eigenschaftsfenster können Sie festlegen, wie der Text in den Container oder Block passt. Wenn Sie die Option Automatische Breite auswählen, nimmt der Text die Breite des Containers an und übernimmt automatisch Wörter, was die Anpassung des Designs für den Responsive-Modus erheblich erleichtert. Mit der Option Feste Breite können Sie die genaue Breite für das Textelement festlegen.

Sie haben Zugriff auf Hunderte von voreingestellten Google Fonts, die sowohl sehr zugänglich als auch browserfreundlich sind. Nicepage beschränkt Sie nicht auf diese Schriftarten. Sie können auch benutzerdefinierte Schriftarten von Drittanbietern herunterladen oder kaufen, um Ihr einzigartiges Design zu erstellen. Sie können die benutzerdefinierten Schriftarten in der geöffneten Schriftartenliste im Eigenschaftsfenster für ein ausgewähltes Element hochladen. Alle hochgeladenen benutzerdefinierten Schriftarten werden in der Thementypografie und im Schriftartenschema auf allen Website-Seiten unterstützt.

Dieselben Familienschriftarten mit unterschiedlichen Schriftstärken zeigen die Hierarchie und Absicht an und heben wichtige Informationen hervor. Die richtigen Schriftstärken an den richtigen Stellen zu verwenden, ist eine Art Kunst. In Nicepage können Sie die breite Palette der unterstützten Schriftstärkenwerte verwenden, die von der Schriftfamilie unterstützt werden, um diese Eigenschaft voll auszunutzen. Falls unterstützt, können Sie für jeden Textstil und jeden Reaktionsmodus unterschiedliche Schriftstärken verwenden – von Dünn (100) bis Schwarz (900).

Neben den Elementausrichtungen, die das Textelement in einer Gruppe, Rasterzelle oder einem Block positionieren, können Sie die Grundausrichtung verwenden, um den Inhalt innerhalb des Textelements anzuordnen. Um dies zu implementieren, müssen Sie das Textelement auswählen und auf eines der Ausrichtungssymbole im Eigenschaftenfenster klicken. Das hilft Ihnen, das Textelement und seinen inneren Inhalt bei Bedarf anders anzuordnen.

Typografie ist wichtig für alle lesbaren Inhalte, einschließlich Websites. Letter Spacing ist ein Teil davon und definiert den Abstand zwischen getippten Zeichen in Wörtern auf einer Webseite, was die visuelle Dichte verändert und Texte optisch konsistent macht. Sie können den Eigenschaftswert für den Buchstabenabstand im Eigenschaftsfenster für den ausgewählten Text, Hyperlink, Schaltfläche usw. ändern. Standardmäßig ist der Wert für den Buchstabenabstand auf 0 festgelegt.