Lege die minimale und maximale Schriftgröße für Websites der Version 7.0 fest.

Alle Squarespace-Templates haben ein integriertes Responsive Design, das den Text deiner Website für jeden Bildschirm optimiert. Bei einigen Templates kannst du die Skalierung von Schriftarten genau festlegen, indem du die maximale und minimale Größe für Titel, Überschriften und andere wichtige Textelemente manuell einstellst.

Du kannst beispielsweise Überschrift 1 so einstellen, dass sie zwischen 12 und 25 Pixel skaliert wird. In kleinen Browsern wie Mobilgeräten ist die kleinste Größe, die dein Header haben kann, 12 Pixel. In großen Browsern, z. B. auf einem Breitbildmonitor, ist die Maximalgröße für Header 25 Pixel. Normalerweise werden Header zwischen diesen beiden Schriftgrößen angezeigt.

Du kannst diese Regeln in den folgenden Template-Gruppen festlegen:

• Skye
• Tremont
• York

Diese Anleitung gilt für die oben aufgeführten Templates der Version 7.0. Weitere Informationen zum Skalieren von Text in Version 7.1 und in anderen Template-Gruppen der Version 7.0 findest du unter Text formatieren.

Bevor du loslegst

• Stelle für eine optimale Anzeige sicher, dass die Mindestschriftgröße jedes Headers größer ist als die Schriftgröße des Textkörpers.
• Manche Texte, wie z. B. der Textkörper, können nicht manuell skaliert werden.
• Lange Wörter können per Zeilenumbruch nicht aufgeteilt werden. Wenn ein langes Wort in einem kleinen Bereich angezeigt wird (z. B. in einer Vorschaubild-Kachel eines Blog-Rasters), wird das Ende des Wortes möglicherweise abgeschnitten. Reduziere in diesem Fall die maximale Größe, um sicherzustellen, dass alle Wörter in ihre Container passen.
• Wenn deine mobile Website nicht funktioniert, experimentiere mit der Reduzierung der Mindestschriftgrößen.
• Allgemeine Hilfe beim Gestalten des Texts deiner Website findest du unter Schriftarten ändern.

Skalierungsgrößen für Schriftarten festlegen

So legst du die maximale und minimale Größe für deinen Text manuell fest:

1. Melde dich bei deiner Website an und navigiere zu einer Seite mit Text, den du skalieren möchtest (z. B. Text in Überschrift 1).
2. Öffne das Menü „Website-Stile“.
3. Stelle in der York-Gruppe sicher, dass die Anpassung Skalieren für diesen Texttyp aktiviert ist. Um beispielsweise die Skalierung für Text in Überschrift 1 zu aktivieren, aktiviere die Anpassung Überschrift 1 skalieren. Fahre für alle anderen Templates mit dem nächsten Schritt fort.
4. Klicke auf die Schriftart-Anpassung für diesen Texttyp (z. B. Überschrift 1: Schriftart) und lege mit dem Schieberegler Schriftgröße die maximale Schriftgröße fest.
5. Verwende die Anpassung Min., um die Mindestschriftgröße für diesen Texttyp festzulegen (z. B. Überschrift 1: Min.). Die Schriftart wird niemals kleiner als diese Größe angezeigt, selbst wenn sie auf Mobilgeräten angezeigt wird.
6. Klicke auf Speichern, um deine Änderungen zu übernehmen.

Vorschau auf Skalierung der Schriftarten

Um die besten Ergebnisse bei der Vorschau deiner maximalen und minimalen Schriftgrößen zu erzielen, öffne deine Website auf einem Smartphone, während du die Schriftgröße auf einem Computer bearbeitest. Aktualisiere das Smartphone jedes Mal, wenn du Änderungen an Website-Stilen speicherst. Dies ist die genaueste Methode, um zu sehen, wie deine Website auf verschiedenen Geräten aussieht.

Hinweis: In der Geräteansicht werden skalierte Schriftarten nicht immer korrekt angezeigt. Wenn der Text jedoch in den Stil-Highlighter-Rahmen passt, der in der Geräteansicht angezeigt wird, wird er in der Regel auf Mobilgeräten gut angezeigt.

Anpassungen nach Template

Eine vollständige Liste der verfügbaren Anpassungen findest du in der Anleitung deines Templates:

• Skye
• Tremont
• York