Handboek Annuleren

Google-lettertypen gebruiken in HTML5 Canvas-documenten

Zoeken
Animate

Animate

App openen
  • Adobe Animate-handboek
    1. Nieuw in Animate
    2. Visuele verklarende woordenlijst
    3. Systeemvereisten voor Animate
    4. Animate-sneltoetsen
    5. Werken met meerdere bestandstypen in Animate
    1. Grondbeginselen voor animaties in Animate
    2. Frames en hoofdframes gebruiken in Animate
    3. Frame-voor-frame-animaties in Animate
    4. Werken met klassieke tussenvoegingsanimaties in Animate
    5. De tool Penseel
    6. Hulplijnen voor bewegingen
    7. Bewegings-tween en ActionScript 3.0
    8. Over tussenvoegingsanimaties met beweging
    9. Animaties met bewegings-tweens
    10. Een animatie met bewegings-tween maken
    11. Eigenschapshoofdframes gebruiken
    12. Een positie animeren met een tween
    13. Bewegings-tweens bewerken in de Bewegingseditor
    14. Het bewegingspad van een tween-animatie bewerken
    15. Bewegings-tweens manipuleren
    16. Aangepaste versnellingen toevoegen
    17. Voorinstellingen voor beweging maken en toepassen
    18. Animatietween-reeksen instellen
    19. Werken met als XML-bestanden opgeslagen bewegings-tweens
    20. Bewegings-tweens en klassieke tweens
    21. Tussenvoegingen met vormen
    22. De tool Bone-animatie gebruiken in Animate
    23. Werken met structuren voor personages in Animate
    24. Maskeerlagen gebruiken in Adobe Animate
    25. Werken met scènes in Animate
    1. Knoppen maken met Animate
    2. Animate-projecten converteren naar andere documentindelingen
    3. HTML5 Canvas-documenten maken en publiceren in Animate
    4. Interactiviteit toevoegen met codefragmenten in Animate
    5. Aangepaste HTML5-componenten maken
    6. Componenten in HTML5 Canvas gebruiken
    7. Maken van aangepaste componenten: Voorbeelden
    8. Codefragmenten voor aangepaste componenten
    9. Tips en trucs: Adverteren met Animate
    10. Ontwerp en publicatie van virtual reality
  • Werkruimte en workflow
    1. Penselen maken en beheren
    2. Google-lettertypen gebruiken in HTML5 Canvas-documenten
    3. Creative Cloud Libraries en Adobe Animate gebruiken
    4. Het werkgebied en het deelvenster Tools voor Animate gebruiken
    5. Workflow en werkruimte in Animate
    6. Weblettertypen gebruiken in HTML5 Canvas-documenten
    7. Tijdlijnen en ActionScript
    8. Werken met meerdere tijdlijnen
    9. Voorkeuren instellen
    10. Deelvensters voor ontwerp in Animate gebruiken
    11. Tijdlijnlagen maken met Animate
    12. Animaties exporteren voor mobiele apps en game-engines
    13. Objecten verplaatsen en kopiëren
    14. Sjablonen
    15. Zoeken en vervangen in Animate
    16. Ongedaan maken, Opnieuw en het deelvenster Historie
    17. Sneltoetsen
    18. De tijdlijn gebruiken in Animate
    19. HTML-extensies maken
    20. Optimalisatieopties voor afbeeldingen en geanimeerde GIF-bestanden
    21. Exportinstellingen voor afbeeldingen en GIF-bestanden
    22. Deelvenster Elementen in Animate
    1. Grafische objecten transformeren en combineren in Animate
    2. Symboolinstanties maken in Animate en ermee werken
    3. Afbeeldingen overtrekken
    4. Geluid gebruiken in Adobe Animate
    5. SVG-bestanden exporteren
    6. Videobestanden maken voor gebruik in Animate
    7. Een video toevoegen in Animate
    8. Objecten tekenen en maken met Animate
    9. Lijnen en vormen omvormen
    10. Streken, verlopen en vullingen met Animate CC
    11. Werken met Adobe Premiere Pro en After Effects
    12. Deelvensters voor kleuren in Animate CC
    13. Flash CS6-bestanden openen met Animate
    14. Werken met klassieke tekst in Animate
    15. Illustraties opnemen in Animate
    16. Geïmporteerde bitmaps in Animate
    17. 3D-afbeeldingen
    18. Werken met symbolen in Animate
    19. Lijnen en vormen tekenen met Adobe Animate
    20. Werken met bibliotheken in Animate
    21. Geluiden exporteren
    22. Objecten selecteren in Animate CC
    23. Werken met Illustrator AI-bestanden in Animate
    24. Overvloeimodi toepassen
    25. Objecten rangschikken
    26. Taken automatiseren met het menu Opdrachten
    27. Meertalige tekst
    28. De camera gebruiken in Animate
    29. Grafische filters
    30. Geluid en ActionScript
    31. Tekenvoorkeuren
    32. Tekenen met de pen
    1. Animate-projecten converteren naar andere documentindelingen
    2. Ondersteuning voor aangepaste platforms
    3. HTML5 Canvas-documenten maken en publiceren in Animate
    4. Een WebGL-document maken en publiceren
    5. Toepassingen verpakken voor AIR voor iOS
    6. AIR voor Android-toepassingen publiceren
    7. Publiceren voor Adobe AIR voor desktop
    8. Publicatie-instellingen voor ActionScript
    9. Tips en trucs: ActionScript organiseren in een toepassing
    10. ActionScript gebruiken met Animate
    11. Toegankelijkheid in de Animate-werkruimte
    12. Scripts schrijven en beheren
    13. Ondersteuning voor aangepaste platforms inschakelen
    14. Overzicht van ondersteuning voor aangepaste platforms
    15. Werken met plug-in voor ondersteuning voor aangepaste platforms
    16. Foutopsporing in ActionScript 3.0
    17. Ondersteuning voor aangepaste platforms inschakelen
    1. Bestanden exporteren uit Animate CC
    2. OAM-publicatie
    3. SVG-bestanden exporteren
    4. Afbeeldingen en video's exporteren met Animate
    5. AS3-documenten publiceren
    6. Animaties exporteren voor mobiele apps en game-engines
    7. Geluiden exporteren
    8. Tips en trucs: Tips voor het maken van inhoud voor mobiele apparaten
    9. Tips en trucs: Videoconventies
    10. Tips en trucs: Richtlijnen voor het ontwerpen van SWF-toepassingen
    11. Tips en trucs: Structuur geven aan FLA-bestanden
    12. Beste werkwijzen voor het optimaliseren van FLA-bestanden voor Animate
    13. Publicatie-instellingen voor ActionScript
    14. Publicatie-instellingen opgeven voor Animate
    15. Projectorbestanden exporteren
    16. Afbeeldingen en geanimeerde GIF-bestanden exporteren
    17. HTML-publicatiesjablonen
    18. Werken met Adobe Premiere Pro en After Effects
    19. Snel uw animaties delen en publiceren
    1. Opgeloste problemen
    2. Bekende problemen
    1. Adobe Animate-handboek
      1. Nieuw in Animate
      2. Visuele verklarende woordenlijst
      3. Systeemvereisten voor Animate
      4. Animate-sneltoetsen
      5. Werken met meerdere bestandstypen in Animate
      1. Grondbeginselen voor animaties in Animate
      2. Frames en hoofdframes gebruiken in Animate
      3. Frame-voor-frame-animaties in Animate
      4. Werken met klassieke tussenvoegingsanimaties in Animate
      5. De tool Penseel
      6. Hulplijnen voor bewegingen
      7. Bewegings-tween en ActionScript 3.0
      8. Over tussenvoegingsanimaties met beweging
      9. Animaties met bewegings-tweens
      10. Een animatie met bewegings-tween maken
      11. Eigenschapshoofdframes gebruiken
      12. Een positie animeren met een tween
      13. Bewegings-tweens bewerken in de Bewegingseditor
      14. Het bewegingspad van een tween-animatie bewerken
      15. Bewegings-tweens manipuleren
      16. Aangepaste versnellingen toevoegen
      17. Voorinstellingen voor beweging maken en toepassen
      18. Animatietween-reeksen instellen
      19. Werken met als XML-bestanden opgeslagen bewegings-tweens
      20. Bewegings-tweens en klassieke tweens
      21. Tussenvoegingen met vormen
      22. De tool Bone-animatie gebruiken in Animate
      23. Werken met structuren voor personages in Animate
      24. Maskeerlagen gebruiken in Adobe Animate
      25. Werken met scènes in Animate
      1. Knoppen maken met Animate
      2. Animate-projecten converteren naar andere documentindelingen
      3. HTML5 Canvas-documenten maken en publiceren in Animate
      4. Interactiviteit toevoegen met codefragmenten in Animate
      5. Aangepaste HTML5-componenten maken
      6. Componenten in HTML5 Canvas gebruiken
      7. Maken van aangepaste componenten: Voorbeelden
      8. Codefragmenten voor aangepaste componenten
      9. Tips en trucs: Adverteren met Animate
      10. Ontwerp en publicatie van virtual reality
    5. Werkruimte en workflow
      1. Penselen maken en beheren
      2. Google-lettertypen gebruiken in HTML5 Canvas-documenten
      3. Creative Cloud Libraries en Adobe Animate gebruiken
      4. Het werkgebied en het deelvenster Tools voor Animate gebruiken
      5. Workflow en werkruimte in Animate
      6. Weblettertypen gebruiken in HTML5 Canvas-documenten
      7. Tijdlijnen en ActionScript
      8. Werken met meerdere tijdlijnen
      9. Voorkeuren instellen
      10. Deelvensters voor ontwerp in Animate gebruiken
      11. Tijdlijnlagen maken met Animate
      12. Animaties exporteren voor mobiele apps en game-engines
      13. Objecten verplaatsen en kopiëren
      14. Sjablonen
      15. Zoeken en vervangen in Animate
      16. Ongedaan maken, Opnieuw en het deelvenster Historie
      17. Sneltoetsen
      18. De tijdlijn gebruiken in Animate
      19. HTML-extensies maken
      20. Optimalisatieopties voor afbeeldingen en geanimeerde GIF-bestanden
      21. Exportinstellingen voor afbeeldingen en GIF-bestanden
      22. Deelvenster Elementen in Animate
      1. Grafische objecten transformeren en combineren in Animate
      2. Symboolinstanties maken in Animate en ermee werken
      3. Afbeeldingen overtrekken
      4. Geluid gebruiken in Adobe Animate
      5. SVG-bestanden exporteren
      6. Videobestanden maken voor gebruik in Animate
      7. Een video toevoegen in Animate
      8. Objecten tekenen en maken met Animate
      9. Lijnen en vormen omvormen
      10. Streken, verlopen en vullingen met Animate CC
      11. Werken met Adobe Premiere Pro en After Effects
      12. Deelvensters voor kleuren in Animate CC
      13. Flash CS6-bestanden openen met Animate
      14. Werken met klassieke tekst in Animate
      15. Illustraties opnemen in Animate
      16. Geïmporteerde bitmaps in Animate
      17. 3D-afbeeldingen
      18. Werken met symbolen in Animate
      19. Lijnen en vormen tekenen met Adobe Animate
      20. Werken met bibliotheken in Animate
      21. Geluiden exporteren
      22. Objecten selecteren in Animate CC
      23. Werken met Illustrator AI-bestanden in Animate
      24. Overvloeimodi toepassen
      25. Objecten rangschikken
      26. Taken automatiseren met het menu Opdrachten
      27. Meertalige tekst
      28. De camera gebruiken in Animate
      29. Grafische filters
      30. Geluid en ActionScript
      31. Tekenvoorkeuren
      32. Tekenen met de pen
      1. Animate-projecten converteren naar andere documentindelingen
      2. Ondersteuning voor aangepaste platforms
      3. HTML5 Canvas-documenten maken en publiceren in Animate
      4. Een WebGL-document maken en publiceren
      5. Toepassingen verpakken voor AIR voor iOS
      6. AIR voor Android-toepassingen publiceren
      7. Publiceren voor Adobe AIR voor desktop
      8. Publicatie-instellingen voor ActionScript
      9. Tips en trucs: ActionScript organiseren in een toepassing
      10. ActionScript gebruiken met Animate
      11. Toegankelijkheid in de Animate-werkruimte
      12. Scripts schrijven en beheren
      13. Ondersteuning voor aangepaste platforms inschakelen
      14. Overzicht van ondersteuning voor aangepaste platforms
      15. Werken met plug-in voor ondersteuning voor aangepaste platforms
      16. Foutopsporing in ActionScript 3.0
      17. Ondersteuning voor aangepaste platforms inschakelen
      1. Bestanden exporteren uit Animate CC
      2. OAM-publicatie
      3. SVG-bestanden exporteren
      4. Afbeeldingen en video's exporteren met Animate
      5. AS3-documenten publiceren
      6. Animaties exporteren voor mobiele apps en game-engines
      7. Geluiden exporteren
      8. Tips en trucs: Tips voor het maken van inhoud voor mobiele apparaten
      9. Tips en trucs: Videoconventies
      10. Tips en trucs: Richtlijnen voor het ontwerpen van SWF-toepassingen
      11. Tips en trucs: Structuur geven aan FLA-bestanden
      12. Beste werkwijzen voor het optimaliseren van FLA-bestanden voor Animate
      13. Publicatie-instellingen voor ActionScript
      14. Publicatie-instellingen opgeven voor Animate
      15. Projectorbestanden exporteren
      16. Afbeeldingen en geanimeerde GIF-bestanden exporteren
      17. HTML-publicatiesjablonen
      18. Werken met Adobe Premiere Pro en After Effects
      19. Snel uw animaties delen en publiceren
      1. Opgeloste problemen
      2. Bekende problemen

     

    Als u desktoplettertypen gebruikt om uw webuitvoer te maken en te publiceren, is de klantervaring niet optimaal. Animate introduceert Google-lettertypen, die een consistente typografische ervaring bieden in alle vormfactoren. Google-lettertypen zijn gratis open-sourcelettertypen die worden gehost op servers van Google. Voor meer informatie over Google-lettertypen en de oorspronkelijk lettertypeontwerpers gaat u naar https://fonts.google.com/about en https://fonts.google.com/attribution.

    De voordelen van het gebruik van Google-lettertypen zijn:

    • Caching: na de eerste download worden de lettertypen opgeslagen op uw lokale systemen en hoeft u deze niet opnieuw te downloaden. Zo wordt de tekst sneller geladen.
    • Open source: ze zijn gratis beschikbaar en kunnen opnieuw worden gedistribueerd en aangepast op basis van uw wensen.
    • Compatibiliteit: ze werken naadloos met uw advertentie- en webinhoud.
    • Responsief: ze verschaffen een interactieve inhoudservaring voor alle vormfactoren, voor een consistent esthetisch aantrekkelijk uiterlijk.

    1. Open uw HTML5 Canvas-document en selecteer het gereedschap Tekst in het deelvenster Gereedschappen.

    2. Selecteer Dynamische tekst in het deelvenster Eigenschappen. 

    3. Klik op het pictogram Weblettertypen toevoegen en selecteer Google-lettertypen.

      Google-lettertypen selecteren dialoogvenster

    4. In het dialoogvenster Google-lettertypen worden alle beschikbare weblettertypen weergegeven. Selecteer het lettertype dat het beste bij uw ontwerp past. Blader door de lettertypen, zoek naar specifieke lettertypen of filter op de eigenschappen van lettertypen.

      • Zoeken: hiermee zoekt u het lettertype op naam.
      • Categorie: hiermee filtert u lettertypen op basis van de beschikbare categorieën.
      • Sorteren op: hiermee sorteert u lettertypen op basis van de volgende categorieën:
        • Populariteit: hiermee sorteert u op basis van hoe vaak lettertypen zijn gebruikt.
        • Alfabet: hiermee sorteert u lettertypen alfabetisch.
        • Datum toegevoegd: hiermee sorteert u op basis van de datum waarop lettertypen zijn toegevoegd aan het document.
        • Aantal stijlen: hiermee sorteert u op het aantal stijlen dat beschikbaar is voor elke lettertypefamilie.
        • Trending: hiermee sorteert u op basis van de lettertypecategorieën die trending zijn.
      • Help: hiermee geeft u de online help weer voor Google-lettertypen.
      • Annuleren: hiermee annuleert u de lettertypeselecties.
      • Gereed: hiermee voegt u het geselecteerde lettertype toe aan het document.
      Dialoogvenster Google-lettertypen Box

    5. Als u een lettertype wilt toevoegen aan een document, klikt u op het lettertype dat u wilt gebruiken en selecteert u Gereed. Een vinkje geeft aan dat het lettertype is geselecteerd. 

       U kunt ook meerdere lettertypen selecteren en toevoegen.

    6. Als u de toegevoegde lettertypen in Animate wilt weergeven, selecteert u Teken > Familie in Eigenschapcontrole.

      Geselecteerd Google-lettertype in Eigenschapcontrole

    7. In de vervolgkeuzelijst Familie selecteert u het toegevoegde Google-lettertype voor gebruik in een HTML5 Canvas-document.

      Het geselecteerde lettertype gebruiken in het document

    Zie ook

    Krijg sneller en gemakkelijker hulp

    Nieuwe gebruiker?

    Snelle koppelingen

    Al je lidmaatschappen weergeven Je lidmaatschappen beheren
    Snelle koppelingen weergeven
    Snelle koppelingen verbergen

    Juridische kennisgeving    |    Online privacybeleid