Personalisiere deine Website mit benutzerdefinierten Schriftarten, die zu deiner Marke passen

Um eine Schriftart zu verwenden, die noch nicht auf Squarespace verfügbar ist, lade sie unter Website-Stile hoch, um sie überall auf deiner Website zu verwenden. Dies ist eine großartige Möglichkeit, deine Marke über unsere integrierten Schriftarten-Optionen hinaus zu verbessern.

Stelle sicher, dass du über alle erforderlichen Berechtigungen des Inhabers oder Lizenzgebers der Schriftart verfügst, um sie auf deiner Website zu verwenden. Weitere Informationen findest du in unseren Best Practices. Um die integrierten Schriftarten von Squarespace zu verwenden, gehe auf Schriftarten ändern.

Ein Video anschauen

Eine benutzerdefinierte Schriftart hochladen

Nachdem du eine Schriftart hochgeladen hast, wird sie als Option in jeder Schriftart-Anpassung angezeigt. Wie du eine benutzerdefinierte Schriftart hochlädst, hängt von der Version deiner Website ab.

Unterstützte Dateitypen

Lade deine benutzerdefinierten Schriftarten als eine der folgenden Dateitypen hoch:

• .otf
• .ttf
• .woff
• .woff2

Kann ich variable Schriftarten verwenden?

Du kannst Dateien mit variablen Schriftarten verwenden, die mehrere Strichstärken enthalten, aber Schriftartdateien mit mehreren Stilen werden derzeit nicht unterstützt. Um andere Stile einer bestimmten Schriftart zu verwenden, lade jeden als separate Datei hoch.

Eine benutzerdefinierte Schriftart auf deiner Website verwenden

So verwendest du eine benutzerdefinierte Schriftart, die du hochgeladen hast:

1. Suche nach einer Schriftart-Anpassung den unter Website-Stilen und klicke auf das Drop-Down-Menü Schriftart.
2. Deine benutzerdefinierten Schriftarten werden unter Hochgeladen angezeigt. Wähle die gewünschte Schriftart aus der Liste aus oder verwende die Suchleiste, um sie zu finden.

Benutzerdefinierte Schriftarten löschen

So löschst du eine benutzerdefinierte Schriftart:

1. Stelle sicher, dass die Schriftart, die du löschen möchtest, auf deiner Website nicht verwendet wird. Ändere alle Anpassungen auf andere Schriftarten und speichere zuerst deine Änderungen.
2. Suche nach einer Schriftart-Anpassung den unter Website-Stilen und klicke auf das Drop-Down-Menü Schriftart.
3. Klicke neben Hochgeladen auf Verwalten.
4. Um eine Schriftart und alle ihre Stile zu löschen, klicke auf … neben dem Namen der Schriftart. Um einen bestimmten Stil der Schriftart zu löschen, klicke auf X neben dem Stil-Namen.

Best Practices für Schriftarten-Lizenzen

Hinweis: Diese Best Practices sind eine Ressource, stellen aber keine Rechtsberatung dar. Wir empfehlen dir, mit einem Rechtsexperten zusammenzuarbeiten, um spezifische Informationen zu deiner Website oder deinem Unternehmen und den Anforderungen für eine Lizenzierung für Schriftarten zu erhalten.

Bevor du eine benutzerdefinierte Schriftart hochlädst, vergewissere dich, dass du über die erforderlichen Rechte und Berechtigungen verfügst, um sie auf deiner Website zu verwenden. Schriftarten werden in der Regel von Schriftarteninhabern (oder -herstellern) entweder direkt an Kunden oder über aggregierte Schriftarten-Lizenzgeber lizenziert. Lizenzvereinbarungen für Schriftarten enthalten Details dazu, wie und wo du die Schriftart verwenden kannst. Die Lizenzvereinbarungen variieren stark und es ist wichtig, dass du alle Nutzungsanforderungen und -einschränkungen, die in deiner Bestellung oder Lizenzvereinbarung enthalten sind, verstehst.

Zum Beispiel:

• Deine Lizenz gibt dir eventuell die Möglichkeit, alle Schriftarten in einer bestimmten Schriftfamilie zu verwenden, oder deine Lizenz erlaubt möglicherweise nur die Verwendung einer einzelnen Schriftart in dieser Familie. 
• Einige Lizenzen kosten je nach Anzahl der monatlichen Besucher einer Website, auf der die Schriftart verwendet wird, mehr oder weniger.
• Die Bereitstellung dynamischer Webfonts kann eine andere Kosten- oder Lizenzstruktur haben als die Verwendung in statischen Inhalten oder in einem Logo.

Sei vorsichtig. Selbst wenn eine benutzerdefinierte Schriftart kostenlos heruntergeladen werden kann, kann der Anbieter dennoch den Kauf einer kostenpflichtigen Lizenz verlangen, um die Schriftart auf einer Website oder auf andere öffentliche Weise zu verwenden.

Lies dir deine Vereinbarung mit dem Schriftart-Anbieter durch, bevor du benutzerdefinierte Schriftarten auf deine Website hochlädst. Es liegt in deiner Verantwortung, sicherzustellen, dass du dir alle erforderlichen Rechte und Berechtigungen für die beabsichtigte Verwendung der Schriftart gesichert hast.

Hinzufügen einer benutzerdefinierten Adobe-Schriftart (nur Version 7.0)

In Squarespace Version 7.0 kannst du unsere Integration mit Adobe Fonts verwenden, um benutzerdefinierte Schriftarten hinzuzufügen.

• Dieser Vorgang ersetzt die Schriftart-Optionen in Website-Stile mit den Schriftarten n deinem benutzerdefinierten Projekt. Die Adobe Fonts von Squarespace können nicht verwendet werden, solange dein benutzerdefiniertes Adobe Fonts-Projekt aktiviert ist.
• Benutzerdefinierte Schriftarten sind mit einem Adobe Creative Cloud-Abonnement erhältlich. Bevor du das Abonnement abschließt, wähle einen Tarif aus, der Adobe Fonts beinhaltet.

Schritt 1 – Ein Webprojekt erstellen und Schriftarten hinzufügen

Um deine benutzerdefinierten Schriftarten zu Websites der Version 7.0 hinzuzufügen, musst du zunächst ein Webprojekt in Adobe erstellen. Melde dich bei deinem Adobe Fonts-Konto an und folge den Schritten zum Erstellen eines Webprojekts..

Nachdem du dein Webprojekt erstellt hast, siehst du deinen benutzerdefinierten HTML-Einbettungscode. Diesen brauchst du nicht, also füge ihn nicht zu deiner Website hinzu. Befolge stattdessen den nächsten Schritt, um die Projekt-ID zu erhalten, die kürzer ist.

Schritt 2 – Ihre benutzerdefinierten Schriftarten zu Squarespace hinzufügen

Wenn dein Webprojekt alle benötigten Schriftarten enthält, fügst du das Projekt mithilfe der Projekt-ID zu deiner Squarespace-Website hinzu:

1. Melden Sie sich bei Ihrem Adobe Fonts-Konto an und klicken Sie dann oben rechts auf Mein Adobe Fonts.
2. Klicken Sie auf Webprojekte und finden Sie dann das Projekt, das Sie zu Squarespace hinzufügen möchten.
3. Kopiere die Projekt-ID (ein String aus Buchstaben und Zahlen über dem Einbettungscode). Achte darauf, deine eindeutige Projekt-ID zu kopieren und nicht die im Beispiel gezeigte.

4. Öffne das Menü Entwicklertools .
5. Klicken Sie auf Externe API-Schlüssel.
6. Scrolle nach unten zum Feld Adobe Fonts Projekt-ID.
7. Füge die Projekt-ID, die du von Adobe kopiert hast, in das Feld ein.
8. Klicke auf Speichern.

Schritt 3 – Ihre Adobe Fonts verwenden

Nach dem Hinzufügen von Adobe Fonts kannst du diese für Texte auf deiner Website verwenden. Die Schriftarten in deinem Webprojekt ersetzen die integrierten Fonts unter Website-Stile. Um einen benutzerdefinierten Adobe Font schnell zu finden, suche diesen nach dem Namen im Feld Suche.

Wenn Sie Änderungen an Ihren Adobe Fonts vornehmen, veröffentlichen Sie diese erneut, damit diese Änderungen in Squarespace angezeigt werden. Mehr dazu erfahren Sie In der Dokumentation von Adobe.

Fehlermeldung: „Nicht unterstützte Schriftarten“ in Website-Stile

Diese Meldung wird angezeigt, wenn deine Website eine Schriftart verwendet, die Adobe Fonts zurückgezogen hat. Wird die Schriftart nicht mehr unterstützt, ersetzen wir sie auf Squarespace durch die ähnlichste verfügbare Schriftart. Lies die in der Fehlermeldung aufgeführten Stil-Abschnitte, um die Ersatz-Schriftart anzunehmen oder zu ändern.

Adobe Fonts wird außerdem alle zurückgezogenen Schriftarten von deiner Adobe Fonts-Seite entfernen.

Meine benutzerdefinierten Adobe-Schriftarten werden nicht auf meiner Website angezeigt

Wenn einige Sonderzeichen nicht richtig angezeigt werden, bearbeite das Webprojekt und wähle Alle Zeichen aus, bevor du die Projekt-ID zu Squarespace hinzufügst.

Wenn keine Ihrer Schriftarten angezeigt wird, überprüfen Sie Ihre Website auf JavaScript. Falls Sie jemals die JavaScript-Methode von Adobe Fonts verwendet haben, um Schriftarten zu Ihrer Website hinzuzufügen, kann es passieren, dass Ihre Schriftarten nicht korrekt geladen werden. Entfernen Sie das JavaScript und folgen Sie den obigen Schritten, um Ihre Adobe Fonts hinzuzufügen.

Wo Sie Support erhalten

Wenn du Probleme beim Hinzufügen deiner Adobe Fonts Projekt-ID hast oder wenn Adobe Fonts nicht auf deiner Website erscheinen, kontaktiere uns und wir können dir bei der Fehlerbehebung behilflich sein. Für alle sonstigen Fragen zur Verwendung von Adobe Fonts wende dich bitte an deren Kundensupport oder lies deren Dokumentation.