Wie Anpassen Fonts in Square

Wenn Sie Inhalte für Ihre Website schreiben, Squarespace ermöglicht es Ihnen, einzelne Wörter oder Wortgruppen zu gestalten. In Style Editor, aber Sie Stil nicht einzelne Wörter auf Ihrer Website. Stattdessen Stil Sie die Textelemente, die Ihre Website, wie Sie Ihre Website-Titel oder Blog-Post Titel enthält. Style Editor können Sie steuern, wie diese Elemente sollten auf der gesamten Website angezeigt werden.

Alle Square Vorlagen sind einzigartig, so dass sie nicht die gleichen Styling-Optionen anzuzeigen. Daher können die folgenden Styling-Optionen oder auch nicht für Ihre Typografie Elemente zur Verfügung:

  • Schriftfamilie: Ändern Sie die Schriftart

  • Schriftstil: Machen Sie den Text fett oder kursiv

  • Schriftgröße: Ändern Sie die Textgröße

  • Zeilenhöhe: Ändern Sie die Höhe jeder Zeile des Textes

  • Text umwandeln: Ändern Sie den Fall (Groß- und Kleinbuchstaben, aktiviert)

  • Textdekoration: Unter-, Über- oder schlagen durch den Text

  • Buchstaben-Abstand: Kontrollieren Sie den Abstand zwischen den einzelnen Zeichen (bekannt als Kerning)

Wie eine Schriftart aus der (lange) Liste zu wählen

Squarespace ermöglicht den Zugriff auf eine lange Liste von Schriftarten von Google Web Fonts und Adobe Typekit. Um herauszufinden, welche Schriften zur Verfügung, klicken Sie auf ein Element in der Typografie Abschnitt von Style Editor. Ein Pop-up-Fenster erscheint Schrift. Am oberen Rand des Fensters finden Sie die Schriftart für das Element verwendet wird. Um eine andere Schriftart auswählen, klicken Sie auf die Schriftart und klicken Sie dann auf eine Schriftart in der Liste, die angezeigt wird.

bild0.jpg

Glücklicherweise ist jeder Schriftnamen in der Liste in dieser Schriftart angezeigt, so dass die Liste eine Vorschau von dem, was die Schriften aussehen. Aber um zu sehen, wie alle Buchstaben und Zahlen in einer bestimmten Schriftart suchen, müssen Sie es aus.

Die Schriftenliste bleibt offen, und das ausgewählte Element in Ihrer Website wird mit der neuen Schriftart aktualisiert. Wenn Sie nicht mögen, was Sie sehen, halten Sie Schriftarten in der Liste auswählen, bis Sie einen finden, die Sie mögen.

image1.jpg

Die Wahl der richtigen Größe

die Größe des Textes zu setzen ist einfach. Wenn Sie den Text für das ausgewählte Element soll größer oder kleiner zu sein, müssen Sie nur die Standardgröße entsprechend anzupassen, die in einer von zwei Arten erfolgen kann:

  • In der Pop-up-Fenster Schriftart, bewegen Sie den Cursor über die Option Schriftgröße einen Schieberegler zu zeigen Sie die Größe der Schriftart anpassen ziehen. Wenn Sie den Regler nach links oder rechts, um die Schriftgröße der Zahlenwert wird aktualisiert, und der Text auf Ihrer Website ändert sich ziehen.

  • Doppelklicken Sie auf den Zahlenwert der Schriftgröße und einen neuen Wert eingeben. Wenn Sie die Schriftgröße auf einen bestimmten Wert festgelegt werden soll, eingeben ist es einfacher, als den Wert mit dem Schieberegler ein.

Einige Vorlagen werden Schriftgröße Einstellungen anzeigen für bestimmte Elemente in den Größen und Werte Einstellungen Bereich von Style Editor.

Wie auf fett oder kursiv zu entscheiden,

Einige Schriften haben eine mutige Einstellung oder eine kursive Einstellung, oder beides. Andere Schriften werden mit unterschiedlichem fett oder kursiv gestaltet.

Wenn eine Schriftart wählen Sie einen fett oder kursiv eine Einstellung hat, wird es im Textstil-Fenster angezeigt. Klicken Sie einfach auf das Kontrollkästchen neben entweder fett oder kursiv Ihre Schrift mit diesem Stil zu setzen.

image2.jpg

Wenn der font unterschiedliche Ebenen der fett hat, werden Sie eine andere Option anstelle von Fett und Kursiv genannt Stil zu sehen. Die Style-Option hat eine Pop-up-Liste von Zahlen, die so genannte Gewichte, die Steigerung in Schritten von 100. Je höher die Zahl, desto kühner die Schrift. Im Allgemeinen wird ein Wert von 400 die gleiche wie eine normale Schrift betrachtet.

image3.jpg

Die Feinabstimmung Zeilenhöhe und Zeichenabstand

Es ist immer eine gute Idee, um sicherzustellen, dass Ihr Text geräumig genug ist, so dass die Besucher leicht Ihre Website lesen kann. Squarespace bietet Ihnen ein paar Möglichkeiten, um Ihren Text besser lesbar zu machen:

  • Zeilenhöhe: Die Zeilenhöhe Wert wird in em-Einheiten berechnet. Ein em ist gleich dem Pixelwert Ihrer Schriftgröße. Also, wenn die Schriftgröße 12 Pixel (Pixel) ist, auf 1em die Zeilenhöhe Einstellung ist gleich einer Zeilenhöhe von 12px und die Zeilenhöhe eine Zeilenhöhe von 24px auf 2em Einstellung entspricht. Was würde 1.5em gleich, wenn die Schriftgröße noch 12px waren? Das ist richtig, 18px. (Die Hälfte der 12 6 und 12 plus 6 Pixeln gleich 18. Puh. Ich wette, Sie hätte nie gedacht, Mathematik für die Gestaltung einer Website würde sich als nützlich.)

    Wenn Zeilenhöhe einstellen, schlage ich vor, geht nie unter 1.2em mit Unterlängen (wie g, j und p) für ein wenig Platz für Briefe zu ermöglichen.

  • Buchstaben-Abstand: Zeichenabstand, der auch als Unterschneidung bekannt ist, ist der Abstand zwischen den einzelnen Zeichen. Zeichenabstand wird am besten auf Titel und Überschriften, nicht für Textkörper. Wenn Zeichenabstand in Square Messung, sind die Einheiten in Pixel. Sie können einen negativen Wert fügen Sie Ihre Briefe näher zusammen zu bringen.

Um die Zeilenhöhe oder den Zeilenabstand zu ändern, verwenden Sie den Schieberegler, die erscheint, wenn Sie den Cursor über beiden Optionen schweben, wie in Abbildung 7-9 gezeigt.

image4.jpg

Text transformieren mit Fall Änderungen

Sie können Überschriften und Titel als Großbuchstaben oder Kleinbuchstaben angezeigt werden, obwohl, wie Sie sie in Ihrer Website ein. Oder vielleicht möchten Sie den ersten Buchstaben jedes Wortes in einem Titel aktiviert. Sie können dies tun, indem Sie die entsprechende Option für die Text-Transformation Einstellung wählen.

In einer Schrift Fenster Typografie Element (siehe 7-5 Abbildung), klicken Sie auf die Option Text-Transformation ein Popup-Menü mit der Auswahl zu offenbaren: Keine, Versalien (cap alle Buchstaben) Capitalize (den ersten Buchstaben-Cap) und Klein (Kleinbuchstaben alle Buchstaben).

Für Blog-Post-Titel, lasse ich immer das Text Feature-Set Keine Transformation. Warum? Styling Sie den Text mit der Funktion Text-Transformation ist absolut und nicht berücksichtigt nicht Wörter wie iPhone und Begriffe, die Sie in der Regel in den Rubriken Kleinbuchstaben, wie Präpositionen. Lesen Sie die Sidebar "Suchmaschinen Text lesen, sondern sehen es nicht" für weitere Überlegungen über die Verwendung der Funktion Text-Transformation.

Menü