CSS @ font-face가 Mac 글꼴과 호환되지 않습니다.

Question

찾고있는 답변을 찾을 수 없습니다. 나는 대부분 정적 인 페이지를 가지고 있는데, 주로 이미지로 구성되어있다. 이미지를 만드는 데 사용 된 글꼴은 Mac OS X 설치에서 발견되는 'Handwriting-Dakota.ttf'입니다. 나는이 글꼴을주고 싶은 텍스트를 포함하는 하나의 동적 요소를 가지고있다. 내 CSS 파일과 동일한 디렉토리에 ttf 글꼴이 있습니다.

@font-face{ 
font-family: dakota; 
src: url('dakota.ttf') format('truetype'); 
} 

css 파일이 포함 된 html 파일. <p style="font-family: dakota;">sometext</p>

크롬의 검사기에 적용된 규칙을 볼 수는 있지만 모양이 변경되지는 않습니다. 내가하려는 일이 불가능하거나 내가 잘못하고있는 것입니까? 추가 글꼴 얼굴 구문에 대한 더 많은 지식을 얻을 수

Answer 1

사용이 형식

@font-face { 
    font-family: 'myfont'; 
    src: url('fonts/myfont.eot'); 
    src: url('fonts/myfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/myfont.woff') format('woff'), 
     url('fonts/myfont.ttf') format('truetype'), 
     url('fonts/myfont.svg#rsuregular') format('svg'); 
} 

는 Bulletproof @font-face Syntax를 참조하십시오.

모든 글꼴 버전을 가져 오려면. Google은 "글꼴 변환기", 첫 페이지에 글꼴 변환기 서비스가 많이있을 것입니다.

Answer 2

URL이 웹 루트가 아닌 css 파일과 관련이 있는지 확인하십시오.

@font-face{ 
    font-family: 'dakota'; 
    src: url('../fonts/dakota.ttf') format('truetype'); 
} 

다른 브라우저에서 문제없이 글꼴을 사용할 수 있도록 다른 유형을 추가해야합니다.

@font-face { 
    font-family: 'dakota'; 
    src: url('../fonts/dakota.eot'); 
    src: url('../fonts/dakota.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/dakota.woff') format('woff'), 
     url('../fonts/dakota.ttf') format('truetype'), 
     url('../fonts/dakota.svg#rsuregular') format('svg'); 
} 

Answer 3

@Cobolt, FontSquirrel을 사용해 볼 수 있습니다. http://www.fontsquirrel.com/fontface/generator.

.otf 또는 .ttf 파일 만 있으면됩니다. 그런 다음 FontSquirrel은 .svg, .eot, .woff를 만들고 CSS 파일을 만듭니다.