크롬 확장 콘텐츠 스크립트에 ttf 파일 포함

콘텐츠 스크립트를 사용하여 일부 HTML을 웹 페이지에 삽입하고 있습니다. Google 글꼴, CabinCondensed-Regular 및 IcoMoon에서 가져온 여러 가지 아이콘 글꼴을 사용하려고합니다. 파일을 다운로드했으며 @font-face으로 CSS에 포함 시켰습니다. 더 빠르게 말할 수 있기 때문에 manifest.json에 포함시키는 방법을 모르겠습니다. 일반적으로 당신은 "content_scripts"하여 파일을 지정할 수 있습니다 : [크롬 확장 콘텐츠 스크립트에 ttf 파일 포함

{ 
    "matches": [ "<all_urls>"], 
    "css":["style.css", "jquery-ui.css"], 
    "js":["jquery-2.1.0.min.js", "index.js", "jquery-ui.min.js"], 
}

하지만 지금까지 내가 말할 수있는 글꼴에 대한 구체적인 태그가 없습니다, 그래서 내가 어떻게 TTF 파일을 포함 할 수 있습니다? 당신이 당신의 글꼴 파일 (대신 "content_scripts"을 연결하는 "web_accessible_resources"을 사용할 수 있습니다처럼

출처

2014-04-06 EasilyBaffled

이 보이는 그런 다음 당신의 @font-face 경로 글꼴 파일에 정확한지 확인하십시오 :.. https://developer.chrome.com/extensions/manifest/web_accessible_resources

출처

2014-04-07 00:00:11 Akurn

내가 얻을 것이다 그 중 하나하려고하면 "자원을 글꼴로 해석되었지만 MIME 유형 text/html로 전송 됨 : "또는"자원로드 실패 : 서버가 404 상태로 응답 함 (찾을 수 없음) " – EasilyBaffled

CSS 내부에서'@ font-face '맞나요? 예 : URL에 고유 한 크롬 확장 ID가 포함되어 있습니까? 비슷한 질문보기 : http://stackoverflow.com/questions/4535816/how-to-use-font-face-on-a-chrome-extension-in -a-content-script – Akurn

아 그게 무슨 뜻이야? 정확한 경로. 감사. – EasilyBaffled

크롬 확장 콘텐츠 스크립트에 ttf 파일 포함

답변

관련 문제