사용 안내서 취소

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

어떠한 문제가 있습니까?

참고:

Adobe Fonts는 XP, Windows 7, Windows Vista 및 Mac OSX와 호환되지 않습니다.

글꼴이 브라우저에서 작동하지 않음

문제

해결 방법

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

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

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

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

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

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

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

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

글꼴이 모바일 브라우저에서 작동하지 않음

문제

해결 방법

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

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

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

Firefox에서는 글꼴이 표시되지 않지만 다른 브라우저에서는 표시됨

문제

해결 방법

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

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

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

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

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

Internet Explorer에서 글꼴이 표시되지 않지만 다른 브라우저에서는 표시됨

문제

해결 방법

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

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

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

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

 

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

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

Internet Explorer에서 모든 텍스트가 기울임체로 표시됨

문제

해결 방법

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

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

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

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


 

Safari 및 Mobile Safari에서 글꼴이 표시되지 않거나 “이중”으로 표시됨

문제

해결 방법

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

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

쉽고 빠르게 지원 받기

신규 사용자이신가요?