참고:

  Typekit은 이제 Adobe Fonts로 이름이 변경되었으며 Creative Cloud 및 기타 구독에 포함됩니다. 자세히 알아보기

데스크톱 글꼴을 사용하여 웹 출력을 만들고 제작할 때는 최적의 고객 환경이 제공되지 않습니다. Animate에는 모든 폼 팩터에서 일관된 인쇄 환경을 제공하는 Google Fonts가 도입되었습니다. Google Fonts는 Google 서버가 제공하는 무료 오픈 소스 글꼴입니다. Google Fonts와 원본 글꼴 디자이너에 대한 자세한 내용은 https://fonts.google.com/abouthttps://fonts.google.com/attribution을 참조하십시오.

Google Fonts를 사용하면 다음과 같은 이점이 있습니다.

  • 캐싱: 최초 다운로드 후에는 글꼴이 로컬 시스템에 저장되므로 글꼴을 여러 번 다운로드할 필요가 없습니다. 따라서 텍스트가 더 빠르게 로드됩니다.
  • 오픈 소스: 글꼴을 무료로 사용할 수 있으며 요구 사항에 따라 재배포하거나 수정할 수 있습니다.
  • 호환성: 광고 및 웹 컨텐츠에서 원활하게 작동합니다.
  • 반응형: 모든 폼 팩터에서 반응형 컨텐츠 환경을 제공하므로 일관성 있는 깔끔한 컨텐츠를 제작할 수 있습니다.
  1. HTML5 Canvas 문서를 열고 [툴] 패널에서 [텍스트] 툴을 선택합니다.

  2. [속성] 패널에서 [동적 텍스트]를 선택합니다. 

  3. [웹 글꼴 추가] 아이콘을 클릭하고 [Google Fonts]를 선택합니다.

    google_fonts_add
    Google Fonts 선택 대화 상자

  4. Google Fonts 대화 상자에 사용 가능한 웹 글꼴이 나열됩니다. 이제 글꼴을 찾아보거나, 특정 글꼴을 검색하거나, 글꼴 속성을 기준으로 필터링하여 해당 디자인 요구 사항에 가장 적합한 글꼴을 선택할 수 있습니다.

    • 검색: 이름으로 글꼴을 검색합니다.
    • 범주: 사용 가능한 범주를 기반으로 글꼴을 필터링합니다.
    • 정렬: 다음 범주를 기반으로 글꼴을 정렬합니다.
      • 인기도: 인기 글꼴을 기반으로 정렬합니다.
      • 알파벳: 알파벳 목록으로 글꼴을 정렬합니다.
      • 추가된 날짜: 문서에 추가된 날짜를 기반으로 정렬합니다.
      • 스타일 수: 각 글꼴 모음에 사용할 수 있는 스타일 수를 기반으로 정렬합니다.
      • 추세: 글꼴 범주 추세를 기반으로 정렬합니다.
    • 도움말: Google Fonts의 온라인 도움말을 표시합니다.
    • 최소: 글꼴 선택을 취소합니다.
    • 완료: 선택한 글꼴을 문서에 추가합니다.
    2b
    Google Fonts 대화 상자 상자

  5. 문서에 글꼴을 추가하려면 사용할 글꼴을 클릭하고 [완료]를 선택합니다. 확인 표시는 해당 글꼴이 선택되었다는 것을 나타냅니다. 

    참고:

    여러 개의 글꼴을 선택해 추가할 수도 있습니다. 

  6. 추가한 글꼴을 Animate CC에서 보려면 속성 관리자에서 문자 > 집합을 선택합니다.

    Selected Google font in the Family menu
    [속성 관리자]에서 선택된 Google Fonts

  7. 문자 모음 드롭다운 목록에서 HTML5 Canvas 문서에 사용하기 위해 추가된 Google Fonts를 선택합니다.

    Webfonts-under-Font-menu
    선택한 글꼴을 문서에서 사용

참고 사항

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책