Personaliseer je site met aangepaste lettertypen die passen bij je merk

Als je een lettertype wilt gebruiken dat nog niet beschikbaar is op Squarespace, upload het dan in sitestijlen, zodat je het overal op je site kunt gebruiken. Dit is een geweldige manier om je merk te versterken, naast onze ingebouwde lettertype-opties.

Zorg ervoor dat je alle benodigde toestemmingen hebt van de eigenaar of licentiegever van het lettertype om het op je site te gebruiken. Zie onze best practices voor meer informatie. Zie Lettertypen wijzigen om de ingebouwde lettertypen van Squarespace te gebruiken.

Een video bekijken

Een aangepast lettertype uploaden

Nadat je een lettertype hebt geüpload, verschijnt het als optie in elke lettertype-aanpassing. Hoe je een aangepast lettertype uploadt, hangt af van de versie van je site.

Ondersteunde bestandstypen

Upload je aangepaste lettertypen als een van de volgende bestandstypen:

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

Kan ik variabele lettertypen gebruiken?

Je kunt variabele lettertypebestanden gebruiken die meerdere gewichten bevatten, maar lettertypebestanden met meerdere stijlen worden op dit moment niet ondersteund. Als je andere stijlen van een specifiek lettertype wilt gebruiken, moet je ze elk als een afzonderlijk bestand uploaden.

Een aangepast lettertype op je site gebruiken

Gebruik als volgt een aangepast lettertype dat je hebt geüpload:

1. Zoek een lettertype-aanpassing in de sitestijlen en klik op het lettertype-uitklapmenu.
2. Je aangepaste lettertypen worden weergegeven onder geüpload. Selecteer het gewenste lettertype uit de lijst of gebruik de zoekbalk om het te vinden.

Aangepaste lettertypen verwijderen

Verwijder als volgt een aangepast lettertype:

1. Zorg ervoor dat het lettertype dat je wilt verwijderen niet in gebruik is op je site. Wijzig eventuele aanpassingen aan andere lettertypen en sla je wijzigingen eerst op.
2. Zoek een lettertype-aanpassing in de sitestijlen en klik op het lettertype-uitklapmenu.
3. Klik naast geüpload op beheren.
4. Klik op … naast de naam van het lettertype om een lettertype en alle betreffende stijlen te verwijderen. Klik op X naast de stijlnaam om een specifieke stijl van het lettertype te verwijderen.

Best practices voor lettertypelicenties

Opmerking: Deze best practices zijn een hulpmiddel, maar geen juridisch advies. We raden aan om met een juridisch expert samen te werken voor specifiek advies over je website of bedrijf en de licentiebehoeften voor lettertypen.

Zorg er voordat je een aangepast lettertype uploadt voor dat je de nodige rechten en toestemmingen hebt om het op je site te gebruiken. Lettertypen worden meestal in licentie gegeven door eigenaren of aanbieders van lettertypen, hetzij rechtstreeks aan klanten of via samengevoegde licentiegevers van lettertypen. Licentieovereenkomsten voor lettertypen geven details over hoe en waar je het lettertype mag gebruiken. Licentieregelingen variëren sterk en het is belangrijk dat je alle gebruikseisen en -beperkingen begrijpt die in jouw bestelling of licentieovereenkomst zijn opgenomen.

Bijvoorbeeld:

• Je licentie kan je de mogelijkheid geven om alle lettertypen uit een bepaalde lettertypefamilie te gebruiken, of je licentie staat alleen het gebruik van een individueel lettertype in die familie toe. 
• Sommige licenties kosten meer of minder, afhankelijk van het aantal maandelijkse bezoekers op een site waar je lettertype wordt gebruikt.
• Dynamische weergave van webfonts kan een andere kosten- of licentiestructuur hebben dan het gebruik in statische mediabestanden of in een logo.

Wees voorzichtig. Zelfs als een aangepast lettertype gratis te downloaden is, kan de aanbieder nog steeds een betaalde licentie vereisen om het lettertype op een site of in een andere openbare context te gebruiken.

Raadpleeg je overeenkomst met de lettertypeleverancier voordat je aangepaste lettertypen naar je site uploadt. Het is jouw verantwoordelijkheid om ervoor te zorgen dat je alle noodzakelijke rechten en toestemmingen hebt geregeld voor het beoogde gebruik van het lettertype.

Adobe Fonts toevoegen (alleen versie 7.0)

In Squarespace versie 7.0 kun je onze integratie met Adobe Fonts gebruiken om aangepaste lettertypen toe te voegen.

• Dit proces vervangt de lettertypeopties in sitestijlen voor de lettertypen in je aangepaste project. Adobe Fonts van Squarespace zijn niet beschikbaar voor gebruik zolang je aangepaste Adobe Fonts-project is ingeschakeld.
• Aangepaste lettertypen zijn beschikbaar met een Adobe Creative Cloud-abonnement. Kies voordat je je aanmeldt een abonnement dat Adobe Fonts bevat.

Stap 1 - Maak een webproject aan en voeg lettertypen toe

Om je eigen lettertypen toe te voegen aan sites in versie 7.0, moet je eerst een webproject aanmaken in Adobe. Log in op je Adobe Fonts-account en volg hun stappen voor het aanmaken van een webproject.

Nadat je je webproject hebt aangemaakt, wordt je aangepaste HTML-insluitcode weergegeven. Je hebt het niet nodig, dus voeg het niet toe aan je site. Gebruik in plaats daarvan de volgende stap om de project-ID te krijgen, die korter is.

Stap 2 - Voeg je aangepaste lettertypen toe aan Squarespace

Als je webproject alle benodigde lettertypen bevat, voeg je het project toe aan je Squarespace-site met behulp van de project-ID:

1. Klik in je Adobe Fonts-account op mijn Adobe Fonts in de rechterbovenhoek.
2. Klik op webprojecten en zoek het project dat je wilt toevoegen aan Squarespace.
3. Kopieer de project-ID, een string van letters en cijfers boven de insluitcode. Zorg ervoor dat je je unieke project-ID kopieert en niet die in het voorbeeld wordt getoond.

4. Open het Developer Tools-paneel.
5. Klik op externe API-sleutels.
6. Scroll naar beneden naar het vak Adobe Fonts-project-ID.
7. Plak de project-ID die je van Adobe hebt gekopieerd in het vak.
8. Klik op Opslaan.

Stap 3 - Gebruik je Adobe Fonts

Nadat je Adobe Fonts hebt toegevoegd, kun je ze toepassen op tekst op je site. De lettertypen in je webproject vervangen de ingebouwde lettertypen in sitestijlen. Om snel een aangepast Adobe Fonts-lettertype te vinden, zoek je de naam in het zoekvak.

Als je je Adobe Fonts wijzigt, publiceer ze dan opnieuw om deze wijzigingen op Squarespace weer te geven. Ga voor meer informatie naar de documentatie van Adobe.

Foutmelding: "Niet-ondersteunde lettertypen" in sitestijlen

Dit bericht wordt weergegeven als je site een lettertype gebruikt dat Adobe Fonts heeft stopgezet. Wanneer het lettertype niet meer wordt ondersteund, vervangen we het in Squarespace voor de meest vergelijkbare beschikbare optie. Bekijk de stijlgedeelten in de foutmelding om het vervangende lettertype goed te keuren of te wijzigen.

Adobe Fonts verwijdert ook alle stopgezette lettertypen van je Adobe Fonts-pagina.

Mijn aangepaste Adobe Fonts worden niet weergegeven op mijn site

Als sommige speciale tekens niet goed worden weergegeven, bewerk dan het webproject en selecteer alle tekens voordat je de project-ID toevoegt aan Squarespace.

Als geen van je lettertypen wordt weergegeven, controleer dan of je site JavaScript bevat. Als je ooit de JavaScript-methode van Adobe Fonts hebt gebruikt om lettertypen aan je site toe te voegen, worden je lettertypen mogelijk niet goed geladen. Verwijder het JavaScript en volg de bovenstaande stappen om je Adobe Fonts toe te voegen.

Waar kun je terecht voor ondersteuning?

Als je problemen hebt met het toevoegen van je Adobe Fonts-project-ID, of als Adobe fonts niet op je site verschijnen, neem dan contact met ons op en wij helpen je graag verder. Neem contact op met Adobe of bekijk hun documentatie voor alle andere vragen over het gebruik van Adobe Fonts.