사용 안내서 취소

글꼴 표시 설정으로 웹 글꼴 성능 맞춤화

  1. Adobe Fonts 사용 안내서
  2. 소개
    1. 시스템 및 구독 요구 사항
    2. 브라우저 및 OS 지원
    3. 컴퓨터에서 글꼴 추가
    4. 웹 사이트에 글꼴 추가
    5. CC Mobile에서 글꼴 추가
  3. 글꼴 라이선싱
    1. 글꼴 라이선싱
    2. 계정 관리
    3. Creative Cloud for enterprise 고객에 대한 라이선싱
    4. 계정에 글꼴 라이선스 추가하기
    5. 구독 라이브러리에서 글꼴 제거하기
    6. 중국에서 등록된 Adobe ID로는 Adobe Fonts를 사용할 수 없습니다.
    7. 이들 글꼴이 내 Creative Cloud 구독에 포함되지 않은 이유는 무엇입니까?
    8. Morisawa 글꼴 제거 2021년 9월
  4. 글꼴 다운로드 및 사용하기
    1. Creative Cloud 앱에서 Adobe Fonts 사용하기
    2. 내 글꼴 관리
    3. 데스크탑 애플리케이션에서 누락된 글꼴 문제 해결
    4. InDesign에서 글꼴 사용하기
    5. 글꼴 및 타이포그래피
    6. HTML5 Canvas 문서에서 웹 글꼴 사용하기
    7. InCopy에서 글꼴 사용하기
    8. Adobe Muse에서 글꼴을 사용하는 방법
    9. Muse에서 웹 글꼴 사용하기
    10. 글꼴 파일 패키징
    11. 문제 해결 안내서: 글꼴 추가하기
    12. 추가된 글꼴이 글꼴 메뉴에 표시되지 않음
    13. “하나 이상의 글꼴을 추가할 수 없음” 또는 “동일한 이름의 글꼴이 이미 설치되어 있음”
    14. 사용하고 있는 글꼴을 제작자가 업데이트하면 어떻게 됩니까?
  5. 웹 디자인 및 개발
    1. 웹 사이트에 글꼴 추가
    2. 문제 해결 가이드: 웹 사이트에 글꼴 추가하기
    3. HTML 이메일 또는 뉴스레터에서 웹 글꼴 사용하기
    4. AMP(Accelerated Mobile Pages)에서 웹 글꼴 사용하기
    5. CSS 선택기
    6. 글꼴 표시 설정으로 웹 글꼴 성능 맞춤화
    7. 임베드 코드
    8. 동적 하위 집합 및 웹 글꼴 제공
    9. 글꼴 이벤트
    10. 내 웹 글꼴을 use.typekit.net에서 가져오는 이유는 무엇입니까?
    11. 사이트가 use.typekit.net에 연결되지 않습니다.
    12. CodePen에서 웹 글꼴 사용하기
    13. 브라우저 및 OS 지원
    14. 도메인
    15. 로컬에서 개발 시 웹 글꼴 사용하기
    16. 콘텐츠 보안 정책
    17. 웹 글꼴 인쇄하기
  6. 언어 지원 및 OpenType 기능
    1. 언어 지원 및 하위 집합
    2. OpenType 기능 사용하기
    3. CSS의 OpenType 기능에 대한 구문
  7. 글꼴 기술
    1. OpenType-SVG 색상 글꼴
    2. Ten Mincho: 버전 1.000에서 업데이트 시 중요 사항

글꼴 표시 설정을 사용하여 웹 글꼴 성능을 수정하는 방법을 알아봅니다.

글꼴 표시 설정을 사용하면 웹 브라우저에 웹 글꼴이 로드되고 웹 사이트에 적용되는 방식을 지정할 수 있습니다. 다음과 같은 다섯 가지 글꼴 표시 옵션이 있습니다.

글꼴 표시 값 

비헤이비어 

자동

브라우저가 기본 방식을 사용하여 글꼴을 로드하도록 허용합니다.

차단

웹 글꼴이 다운로드될 때까지 웹 사이트에서 텍스트를 숨깁니다. 이 옵션을 사용하면 웹 사이트 방문자에게 보이지 않는 텍스트의 깜박임(FOIT)이 표시될 수 있습니다.

대체

웹 글꼴이 다운로드될 때까지 CSS에서 설정한 대체 글꼴을 표시합니다. 이 옵션을 사용하면 웹 사이트 방문자에게 스타일이 지정되지 않은 텍스트의 깜박임(FOUT)이 표시될 수 있습니다.

폴백

짧은 기간 동안 차단 비헤이비어를 사용한 다음 대체 비헤이비어로 전환하고 예비 글꼴을 텍스트에 적용합니다. 대체 기간이 끝날 때까지 웹 글꼴이 로드되지 않으면 예비 글꼴이 계속 사용됩니다. 

선택 사항

짧은 기간 동안 차단 비헤이비어를 사용한 다음 예비 글꼴을 텍스트에 적용합니다. 이 값은 예를 들어 웹 사이트 방문자의 인터넷 속도가 느린 경우 웹 브라우저에 웹 글꼴을 전혀 다운로드하지 않도록 할 수 있는 옵션을 제공합니다. 

글꼴 표시 및 지원되는 값에 대한 기술적인 세부 정보는 CSS 글꼴 모듈 레벨 4 사양을 참조하십시오.

참고:

기본적으로 웹 글꼴 프로젝트는 글꼴 표시가 자동으로 설정된 상태에서 제작됩니다.

글꼴 표시 설정을 맞춤화하려면 다음 단계를 따르십시오.

  1. 웹 프로젝트 페이지에서 프로젝트 편집을 클릭합니다.

    프로젝트 편집
    프로젝트 편집

  2. 사이드바에서 다음 글꼴 표시 값 중 하나를 선택합니다. 기본적으로 웹 글꼴 프로젝트의 글꼴 표시 설정은 자동으로 설정됩니다. 

    font display settings

  3. 변경 내용 저장을 클릭하면 몇 분 안에 글꼴 표시 값이 웹 사이트에 적용됩니다.

새로운 글꼴 표시 설정은 기존 임베드 코드의 일부로 웹 사이트에 자동으로 포함됩니다.

기존 웹 프로젝트 업데이트

글꼴 표시에 대한 지원은 2020년 9월 Adobe의 웹 글꼴 로드에 추가되었습니다. 2020년 9월 이전에 제작된 웹 프로젝트는 기본값인 글꼴 표시: 자동 비헤이비어를 사용하도록 업데이트되었습니다. 

모든 기존 프로젝트의 글꼴 표시 설정은 위 단계에 따라 변경할 수 있습니다. 변경 내용을 저장하면 새로운 글꼴 표시 설정은 기존 임베드 코드의 일부로 웹 사이트에 자동으로 포함됩니다. 웹 사이트 자체를 변경할 필요는 없습니다. 

 Adobe

쉽고 빠르게 지원 받기

신규 사용자이신가요?