오프라인 저장소 캐시 매니페스트를 통해 웹 글꼴을로드 할 수 있습니까?

Question

나는 html/css를 통해 내 글꼴을 가져올 수 있다는 것을 알고 있지만 이것이 달성 가능한 접근 방식인지 궁금합니다.

감사합니다.

Answer 1

예, 매니페스트 파일에 글꼴을 추가하면 나머지 파일과 함께 다운로드되어 오프라인으로 사용할 수 있습니다. 도메인에없는 리소스를 캐시 할 수 없으므로 오프라인 응용 프로그램과 동일한 서버에서 글꼴을 사용할 수 있어야합니다. 예를 들어 Google Web 글꼴을 캐시 할 수 없습니다. Google에서 제공하는 글꼴이 Chrome 및 Opera에 잘 캐시 된 것 같습니다 (only Firefox has problems). 매니페스트에 대한 '도메인에 없음'제한은 HTTPS를 통해 게재 될 때만 적용됩니다.

CSS에서 글꼴을 @font-face 규칙으로 참조해야 CSS에서 해당 글꼴을 사용할 수 있습니다. 예를 들어, 매니페스트 파일 :있는 style.css에서

CACHE MANIFEST 
# v1 
index.html 
style.css 
GenBasR-webfont.eot 
GenBasR-webfont.woff 
GenBasR-webfont.ttf 
GenBasR-webfont.svg 

:

@font-face { 
    font-family: 'GentiumBasicRegular'; 
    src: url('GenBasR-webfont.eot'); 
    src: url('GenBasR-webfont.eot?iefix') format('eot'), 
     url('GenBasR-webfont.woff') format('woff'), 
     url('GenBasR-webfont.ttf') format('truetype'), 
     url('GenBasR-webfont.svg#webfontLblSsz1O') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

body { 
    font-family: 'GentiumBasicRegular'; 
} 

이 Font Squirrel에서 Gentium 파일을 가져옵니다.