Obs!

  Typekit har bytt namn till Adobe Fonts och ingår nu i Creative Cloud och andra prenumerationer. Mer information.

När du använder datorteckensnitt för att skapa och publicera webbutdata blir kundupplevelsen inte optimal. I Animate introducerar vi därför Google Fonts för att ge en enhetlig typografisk upplevelse på alla enheter. Google Fonts är teckensnitt med öppen källkod som tillhandahålls av Googles servrar. Mer information om Google Fonts och teckensnittens ursprungliga upphovsmän finns på https://fonts.google.com/about och https://fonts.google.com/attribution.

Fördelar med Google Fonts:

  • Cachelagring: Efter den första nedladdningen lagras teckensnitten på det lokala systemet och du behöver inte hämta dem fler gånger. På så sätt läses text in snabbare.
  • Öppen källkod: De är kostnadsfria och kan distribueras och ändras efter behov.
  • Kompatibilitet: De fungerar friktionsfritt med reklam- och webbinnehåll.
  • Responsiva: De ger en responsiv upplevelse med ett enhetligt utseende på alla enheter.
  1. Öppna HTML5 Canvas-dokumentet och välj textverktyget på verktygspanelen.

  2. Välj Dynamisk text på egenskapspanelen. 

  3. Klicka på ikonen Lägg till webbteckensnitt och välj Google Fonts.

    google_fonts_add
    Välj dialogrutan för Google Fonts

  4. I dialogrutan för Google Fonts visas alla tillgängliga webbteckensnitt. Du kan nu välja teckensnitt som bäst passar din design genom att bläddra bland teckensnitt, söka efter särskilda teckensnitt eller filtrera på teckensnittsegenskaper.

    • Sök: Söker efter namn på teckensnitt.
    • Kategori: Filtrerar teckensnitt baserat på de tillgängliga kategorierna.
    • Sortera efter: Sorterar teckensnitten baserat på följande kategorier:
      • Popularitet: Sorterar baserat på de vanligaste teckensnitten.
      • Alfabetiskt: Sorterar listan med teckensnitt alfabetiskt.
      • Datum för tillägg: Sorterar baserat på de datum som de lades till i dokumentet.
      • Antal format: Sorterar baserat på antalet format som är tillgängliga för varje teckensnittsfamilj.
      • Aktuellt: Sorterar baserat på de teckensnittskategorier som är mest aktuella just nu.
    • Hjälp: Visar direkthjälpen för Google Fonts.
    • Avbryt: Avbryter teckensnittsvalen.
    • Klart: Lägger till valda teckensnitt i dokumentet.
    2b
    Dialogrutan för Google Fonts

  5. Om du vill lägga till ett teckensnitt i dokumentet klickar du på det teckensnitt du vill använda och sedan på Klar. En bock markerar att teckensnittet har valts. 

    Obs!

    Du kan även markera och lägga till flera teckensnitt. 

  6. Om du vill visa de tillagda teckensnitten i Animate CC kan du välja Tecken > Familj i egenskapsinspektören.

    Selected Google font in the Family menu
    Markerat Google-teckensnitt i egenskapsinspektören

  7. Markera det tillagda Google-teckensnittet som ska användas i ett HTML5 Canvas-dokument i listrutan Teckensnittsfamilj.

    Webfonts-under-Font-menu
    Använda det valda teckensnittet i ett dokument

Se även

Denna produkt är licensierad enligt en Creative Commons Erkännande-Ickekommersiell-Dela Lika 3.0 Unported-licens  Twitter™- och Facebook-inlägg omfattas inte av villkoren i Creative Commons-licensen.

Juridiska meddelanden   |   Onlinesekretesspolicy