2014-09-01 4 views
0

Windows에 새 글꼴을 설치했는데 이제 해당 글꼴을 웹에서 사용자 정의 글꼴로 사용하고 싶습니다. 이미지 그것은 내 문제 http://i.imgur.com/hkbfA6O.pngCSS 사용자 정의 글꼴이 작동하지 않습니다.

enter image description here

을 모두 설명 할 것이다 아래의 것은 여기 내 코드입니다

<html> 
    <head> 
     <meta charset='uft-8' /> 
     <style type="text/css"> 
      @font-face { 
       font-family: urdu; 
       src: url(font/urdu/NOORIN01.TTF); 
      } 
      @font-face { 
       font-family: eng; 
       src: url(font/sansation_light.woff); 
      } 

      body{ 
       font-size:30px; 
      } 
      .urdu{font-family:'urdu';} 
      .eng{font-family:'eng';} 
     </style> 
    </head> 
    <body> 
     <div class='urdu'>میں نے آپ کے مسئلے کو قتل کرنے جا رہا ہوں</div> 
     <div>میں نے آپ کے مسئلے کو قتل کرنے جا رہا ہوں</div> 
     <div class="eng">The quick and brown fox jump over the lazy dog.</div> 
    </body> 
</html> 
여기

있는 글꼴 파일
http://speedy.sh/WdxpP/sansation-light.woff
http://speedy.sh/wEzZ6/NOORIN01.TTF

+0

귀하의 검사원이 해당 파일을 200으로 표시했거나 오류가 있습니까? – tylerlindell

+0

font/urdu/NOORIN01.TTF 경로가 문제가 없으며 오류가 없습니다. 내가 문제를 인코딩하는 것 같아 –

+0

나는 코드와 글꼴을 제공 했으므로 전문가도 스스로 테스트 할 수있다. –

답변

1

글꼴이 끊어집니다. 나는 해당 주소에서 사용 가능한 NOORIN01.TTF 글꼴로 테스트를했고 문제의 코드로 테스트했습니다. 나는 (승 7)에 파이어 폭스 콘솔에 표시되는 내용이있다 :

downloadable font: hdmx: Table discarded (font-family: "urdu" style:normal weight:normal stretch:normal src index:0) 
source: [...] 
downloadable font: not usable by platform (font-family: "urdu" style:normal weight:normal stretch:normal src index:0) 
source: file:///C:/Users/Jukka/Documents/Fonts/NOORIN01.TTF 

이 글꼴 관리자의 글꼴을 보면, 나는 문자가 개인 사용 코드 포인트에 할당되는 것을 알 수 있습니다. 이는 "작동"할 수 있지만 HTML 내용에는 이러한 코드 포인트가 포함되어야합니다. 그리고 폰트의 일부 테이블이 손상 되었기 때문에 분명히 작동하지 않습니다.

결론은 다음과 같습니다. 다른 글꼴 찾기.

+0

이것은 urdu 언어 표준 글꼴입니다. urdu에 대한 고유 글꼴을 만들 필요가 있습니다. 기존 글꼴. 진행 방법 –

+0

@Wasim, 그 표준이 무엇인지 궁금합니다. 어쨌든, 특정 언어에 적합한 글꼴을 찾는 것은 다른 질문이며, SO에서 주제를 벗어난 것입니다. 어쨌든 현대 버전의 Arial은 우르두어를 지원합니다. 일반적으로 방문자 브라우저는 아무 것도하지 않더라도 우르두어 텍스트를 렌더링 할 수 있습니다. –

관련 문제