맞춤 글꼴로 @ font-face 문제

안녕하세요 저는이 질문에 조금 전에 물어 보았습니다.하지만 어딘가에 가지 않았으므로 저는 코드의 전체 스냅을 게시하는 것이 좋겠지 만, 이거 처음이에요. 어쨌든, 누군가 내가 잘못하고있는 것을 말할 수 있는지 궁금합니다. 나는 프로젝트에 사용자 정의 글꼴을 사용하고 있지만 크롬에서만 렌더링하는 것 같습니다. 나는 @fontface 구조체를 사용하려고했지만 여전히 작동하지 않는다. 어떤 도움이라도 대단히 감사하겠습니다!맞춤 글꼴로 @ font-face 문제

<!DOCTYPE html > 

<html lang="en"> 
<head> 
<title>Fire House Home</title> 
    <style type="text/css"> 
    <!-- 
    @font-face { 
     font-family: 'Didot HTF'; 
     src: url('DidotHTF.eot?') format('eot'), 
       url('DidotHTF.woff') format('woff'), 
       url('DidotHTF.ttf') format('truetype'), 
       url('DidotHTF.svg#DidotHTF') format('svg'); 
    }  
    #p1{ 
     position:relative; 
     font-family: "Didot HTF"; 
     font-size:120%; 
     top: 300px; 
     text-align:center; 
     white-space: nowrap; 
    } 



    --> 

    </style> 

</head> 

<body> 

<div id="p1"> 
    Content, storytelling and strategy for the multi-screen, multi-channel age 
</div> 




</body> 
</html>

출처

2014-07-15 jdv12

같은 글꼴 의 경로를 지정하는 웹 폰트를 프로젝트 폴더 글꼴 및 @ 글꼴 얼굴에 web font generator 넣어 생성 할 필요성을 글꼴이있는 폴더의 경로? –

글꼴 파일에 오류없이 액세스 할 수 있는지 브라우저 콘솔에 체크인하십시오. – XIMRX

이전 질문 인 http://stackoverflow.com/questions/24755149/font-wont-render-in-different-browsers를 참조하십시오. 복사본을 생성하는 대신 이전 질문을 개선하는 것이 더 좋았을 것입니다. 어쨌든, 문제는 여전히 충분한 정보가 부족합니다. 예를 들어 글꼴을 어디에서 가져 왔으며 글꼴 파일을 어떻게 생성 했습니까? 지정된 주소에서 글꼴 파일을 사용할 수 있는지 다시 확인한 방법은 무엇입니까? –

은 그래서 당신은 당신이 지정 명확히 할이

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

출처

2014-07-15 12:27:30

웹 글꼴 생성기를 사용하여 불행히도 시도한 다양한 것들을 시도했습니다. 확장 기능이 없기 때문에 글꼴을 업로드 할 수 없습니다. 글꼴 파일은 다음과 같습니다. DidotHTF-11MediumItalic – jdv12

http://www.web-font-generator.com/results?dir=a401adaebded76ab6ec14603e09107d0 –

모든 도움을 주셔서 감사합니다. 그러나 어떤 이유로 든 여전히 작동하지 않습니다! 나는 지퍼를 다운로드하고 글꼴이라는 폴더에 모든 webfont 파일을 저장하고이를 내 html 파일이 담긴 폴더로 옮겼습니다. 이제는 내 폴더에 글꼴과 html 문서가 포함되어 있습니다. 이제는 내 코드가 같습니다. – jdv12

맞춤 글꼴로 @ font-face 문제

답변

관련 문제