Opmerking:

  Typekit heet nu Adobe Fonts en maakt deel uit van Creative Cloud en andere lidmaatschappen. Meer informatie.

Werken met weblettertypen van Adobe Fonts

Adobe Fonts-weblettertypen zijn nu beschikbaar voor HTML5 Canvas-documenten in Adobe Animate CC.

Dankzij de integratie van Adobe Fonts met Animate CC zijn duizenden uitmuntende weblettertypen van uitstekende leveranciers direct voor u beschikbaar in uw HTML5 Canvas-documenten.

U kunt een beperkte selectie lettertypen uit de Adobe Fonts-bibliotheek uitproberen bij elk Creative Cloud-abonnementsniveau. Als u een betaald abonnement hebt, hebt u toegang tot de volledige bibliotheek met duizenden lettertypen.

Voor meer informatie over abonnementsplannen voor Adobe Fonts, leest u Weblettertypen hosten met Adobe Fonts.

In tegenstelling tot weblettertypen die zichzelf hosten, functioneert Adobe Fonts als host voor de lettertypen die u in uw gehoste inhoud wilt gebruiken. Als u lettertypen uit de Adobe Fonts-bibliotheek selecteert en uw document vervolgens op het web publiceert, worden die lettertypen automatisch gehost door Adobe Fonts en wordt uw Adobe Fonts-account gekoppeld aan uw inhoud op het web.

De Adobe Fonts-bibliotheek is beschikbaar via uw Creative Cloud-abonnement. Zie https://fonts.adobe.com voor meer informatie. U kunt ook nieuwe Adobe Fonts-weblettertypen kopen. Start Animate CC opnieuw om de aangeschafte lettertypen te bekijken op het tabblad Alle lettertypen in het scherm Adobe Fonts.

Weblettertypen gebruiken in een HTML5 Canvas-document

  1. Open een HTML5 Canvas-document en selecteer de teksttool in het deelvenster Gereedschappen.

  2. Selecteer Dynamische tekst in het deelvenster Eigenschappen en klik op de knop Weblettertypen toevoegen, naast de vervolgkeuzelijst Lettertypefamilie.

    TypeKit-Selection
  3. Klik in het venster Weblettertypen toevoegen op Aan de slag.  

    Adobe Fonts toevoegen
    Adobe Fonts toevoegen
  4. Het dialoogvenster Adobe Fonts toevoegen bevat een lijst met alle Adobe-lettertypen die beschikbaar zijn in uw Creative Cloud-abonnement. Selecteer het lettertype dat het beste bij uw ontwerp past. Blader door de lettertypen, zoek naar specifieke lettertypen of filter op de eigenschappen van de lettertypen.

    Klik op Filter om een van de volgende filters toe te passen:

    • Classificatie: filter op weblettertypen op basis van hun classificaties, zoals Serif, Sans Serif en Script.
    • Aanbevolen voor: filter op lettertypen die door Weblettertypen worden aanbevolen voor alinea's of koppen.
    • Eigenschappen: filter op basis van eigenschappen, zoals dikte, breedte en hoogte.
    Dialoogvenster Adobe Fonts toevoegen
    Dialoogvenster Adobe Fonts toevoegen
  5. Als u een lettertype hebt gevonden dat u wilt gebruiken, klikt u er gewoon op. Een vinkje geeft aan dat het lettertype is geselecteerd. U kunt meerdere lettertypen tegelijkertijd selecteren en toevoegen. Het tabblad Geselecteerde lettertypen bevat alle lettertypen die u hebt geselecteerd.

    Klik op de voettekst van de lettertypevoorvertoning om alle variaties te bekijken, zoals dun, vet en cursief.

    Lettertypen selecteren
    Lettertypen selecteren

    Klik op OK om de geselecteerde lettertypen toe te voegen.

    geselecteerd-web-font-familie-menu
    geselecteerd-web-font-familie-menu
  6. Selecteer het toegevoegde weblettertype om dit in uw HTML5 Canvas-document te gebruiken.

    font-in-use
    Het geselecteerde lettertype gebruiken in het document

  7. Voordat u de inhoud op het web publiceert, opent u Publicatie-instellingen en klikt u op het tabblad Weblettertypen. Hier geeft de URL op van de pagina waarop uw HTML5-inhoud zal worden gehost. Bijvoorbeeld www.adobe.com. U kunt ook meerdere URL's opgeven door ze met een komma van elkaar te scheiden.

    Het dialoogvenster URL van Weblettertypen
    Het dialoogvenster URL van Weblettertypen

    Opmerking:

    • De Adobe Fonts-weblettertypen worden alleen geladen op domeinnamen die staan vermeld in de publicatie-instellingen. Als de lettertypen niet goed werken of als Adobe Fonts-fout 403 verschijnt op uw webpagina, controleert u of u het websitedomein in deze lijst hebt opgenomen. Hierna kunt u het project opnieuw publiceren.
    • "De uitvoer die via de optie TestMovie wordt gegenereerd, is alleen bedoeld voor een voorvertoning. Gebruik de optie Bestand > Publiceren om de uitvoer voor de uiteindelijke implementatie te genereren.

Dit werk is gelicentieerd onder de Creative Commons Naamsvermelding/Niet-commercieel/Gelijk delen 3.0 Unported-licentie  De voorwaarden van Creative Commons zijn niet van toepassing op Twitter™- en Facebook-berichten.

Juridische kennisgevingen   |   Online privacybeleid