2013-10-15 5 views
0

나는 내 웹 사이트에 수많은 프로 글꼴을 사용하고이 글꼴은 서버에 업로드하고 난무수히 많은 프로 글꼴이 제대로 표시되지 않습니다

@font-face{ 
    font-family: "Myriad-Pro"; 
    src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype"); 
} 

다음과 같이이 글꼴에 대한 링크를 제공했지만 여전히이 글꼴이 표시되지 않는다 ,이 문제에 대한 다른 해결책이 있습니까?

+0

[answer] (http://stackoverflow.com/a/16541871/1763929)를 참조하십시오. – Vucko

+0

가능한 복제본 [웹 사이트에 글꼴 추가] (http://stackoverflow.com/questions/16541436/add-a-font-to-a-website) – sevenseacat

답변

0

로컬 컴퓨터에서 테스트를 마쳤습니다. 브라우저는 크롬입니다.

<html> 
<head> 
<style type="text/css"> 
@font-face{ 
    font-family: "Myriad-Pro"; 
    src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype"); 
} 
body{ font-family:Myriad-Pro; } 
</style> 
</head> 
<body> 
This should be in myriad-pro font 
</body> 
</html> 

완벽하게 작동했습니다. (저는이 글꼴이 스크린 샷을 붙이고있는 글꼴이라고 생각합니다).

Just pasted your code and a static html

아마 당신은 우리가 당신에게 hickup을 제공하는 브라우저 알려하실 수 있습니다. 어느 쪽이든, 귀하의 서버에 업로드하고 있기 때문에 font-squirrel의 all-type-fonts와 css가 생성 된 것을 보시기 바랍니다.

+0

이것은 주석 (올바른 것)이 아니라 답변. –

0

웹에서 Myriad Pro를 사용할 수있는 법적으로 유효한 라이센스가 있는지 먼저 확인하십시오. 그런 다음 글꼴 공급 업체의 지침을 확인하십시오.

특정 가지 참고 사항 :

  • IE가 웹 글꼴 OTF를 지원하지 않습니다, 당신은 다른 형식이 필요합니다.
  • 글꼴 파일은 페이지를 사용하는 페이지와 동일한 서버에 있어야하며, 그렇지 않으면 파일을 호스팅하는 서버가 사이트 간 사용을 허용해야합니다.
관련 문제