저는 반응 형 레이아웃의 웹 사이트 (http://www.hallometmirel.nl/troep/website)를 구축했으며 랩톱과 갤럭시 S3의 여러 브라우저와 해상도에서 다양한 해상도를 테스트 해 왔습니다.인터넷 익스플로러 모바일에서 @ font-face가 작동하지 않습니다.
Google Play에서 Internet Explorer를 사용할 수없는 것으로 보아 이제 Nokia Lumia 800에서 웹 사이트를 테스트하고 있습니다. 그것은 Windows Phone 7.5를 실행하는 것 같습니다. IE의 버전을 표시하는 버튼을 발견 할 수 없으며, 스마트 폰이 아주 새 것이지 IE 9로 의심됩니다.
@ font-face가되었습니다. 지금까지 Opera, Firefox, Chrome (데스크톱 및 모바일) 및 IE 9 (데스크톱)의 최신 버전에서 작업했습니다.
모바일 버전에서 작동하지 않는 이유는 무엇입니까? 이전 버전인데도 글꼴 - 얼굴은 이전 버전에서 지원되는 것입니까? 그렇습니다. 나는 .eot 유형을 변경하거나 smileyface를 포함하여 글꼴을 보여주기 위해 IE를 속이려고 시도했습니다 (분명히 뭔가를합니다). IE의 모바일 버전과 관련하여 다른 주제를 찾을 수 없습니다.
이
는 IE9 함께 할 수있는 뭔가가있을 수는 문서 타입 :<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head xmlns:og="http://ogp.me/ns#">
을 그리고 이것은 내가 글꼴 포함 방법입니다 :
@font-face {
font-family:'ChaletComprime-CologneEighty';
src:url('fonts/ChaletComprime-CologneEighty.eot');
src:url('fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'),
url('fonts/ChaletComprime-CologneEighty.woff') format('woff'),
url('fonts/ChaletComprime-CologneEighty.ttf') format('truetype'),
url('fonts/ChaletComprime-CologneEighty.svg#svg/ChaletComprime-CologneEighty') format('svg')
}
을 그리고 다음과 같이 사용 :
h1,h2,h3,h4,h5,h6{font-family:ChaletComprime-CologneEighty;color:#ef0f63;text-transform:uppercase}
흠. 그때 괴물로 만든 자바 스크립트를 사용해보십시오. 고맙습니다! :) – user1531721