문제 해결 안내서: 웹 사이트에 글꼴 추가하기

사이트에 임베드 코드가 없습니다.

사이트에 임베드 코드를 추가합니다.

임베드 코드를 자체 서버의 파일로 축소했습니다.

축소는 사용 약관에 따라 허용되지 않으며 글꼴을 올바르게 로드하지 못합니다.

CSS 및 JavaScript 파일 압축기에서 임베드 코드를 제외하고 제공된 대로 웹 사이트를 임베드 코드를 사용하도록 업데이트합니다.

올바른 글꼴 모음 이름이 CSS에 추가되지 않았습니다.

CSS에 제공된 글꼴 모음 이름을 추가합니다. CSS 선택기 도움말 페이지에서는 사용 중인 각 웹 글꼴의 글꼴 모음 이름을 찾는 방법을 보여 줍니다.

브라우저 확장 기능이 웹 글꼴 파일을 차단합니다.

Adobe에서 웹 글꼴을 허용하도록 브라우저 확장 기능을 끄거나 설정을 변경합니다(이전의 Typekit).

이 브라우저가 지원되지 않습니다.

브라우저 및 OS 지원

올바른 글꼴 두께 또는 스타일이 CSS에 지정되지 않았습니다.

웹 프로젝트에 두께 또는 스타일을 추가하고 CSS에 올바르게 지정되었는지 확인합니다.

숨겨진 환경 설정에서 다운로드 가능한 글꼴이 꺼져 있습니다.

다른 숨겨진 환경 설정은 다운로드 가능한 글꼴을 비활성화합니다.

1. 새 브라우저 탭을 열고 주소 표시줄에 about:config를 입력합니다.
2. 검색 필드에 gfx.downloadable_fonts.enabled를 입력합니다.
3. 값을 true로 설정합니다. 변경하려면 환경 설정 행을 두 번 클릭합니다.

사용자 글꼴을 무시하기 위한 브라우저 환경 설정이 꺼져 있습니다.

환경 설정에서 사용자 정의 글꼴이 사용자의 브라우저 설정을 재정의할지 여부를 결정합니다. [언어 및 모양] > [글꼴 및 색상] > [고급]에서 페이지에서 자체 글꼴 선택 허용 옵션을 선택합니다.

문서 모드가 이전 버전의 브라우저로 설정됩니다. [IE9 이상].

다른 문서 모드를 사용하면 브라우저에 잘못된 글꼴 파일 형식이 제공됩니다.

Internet Explorer에서 다음과 같은 다른 문서 모드를 사용하도록 지정하는 meta 태그 제거

<meta http-equiv="X-UA-Compatible" content="IE=8">

다운로드한 글꼴을 비활성화하기 위한 브라우저 환경 설정이 [IE8]에서 켜져 있습니다.

보안 설정은 다운로드 가능한 모든 글꼴을 비활성화할 수 있습니다. [도구] > [인터넷 옵션] > [보안] > [사용자 정의 수준] > [다운로드]에서 글꼴 다운로드를 찾습니다. 기본 보안 수준을 사용하여 글꼴 다운로드를 활성화합니다. 보안이 “높음”으로 설정된 경우 글꼴이 로드되지 않을 수 있습니다.

문서 모드가 이전 버전의 브라우저로 설정됩니다.

다른 문서 모드를 사용하면 브라우저에 잘못된 글꼴 파일 형식이 제공되므로 모든 텍스트가 기울임체로 설정될 수 있습니다.

Internet Explorer에서 다음과 같은 다른 문서 모드를 사용하도록 지정하는 meta 태그 제거

<meta http-equiv="X-UA-Compatible" content="IE=8">

CSS에 사용된 글꼴 두께 또는 스타일은 웹 프로젝트에 포함되지 않습니다.

프로젝트에 두께 또는 스타일을 추가하고 CSS에 올바르게 지정되었는지 확인합니다.