@ font-face에서 전자 메일 서식 파일에 로컬 글꼴을 사용할 수 없습니다.

Question

전자 메일 서식 파일을 사용하여 전자 메일을 보내고 보낼 수있는 시스템에서 작업하며 로컬 글꼴을 연결하는 동안 문제가 발생합니다 (모든 유형) 이메일로. 나는이 방법으로 (사전 렌더링 된 HTML) @ 글꼴 얼굴과 글꼴을 첨부

: 렌더링 후

<style> 
@font-face { 
    font-family: "Pacifico"; 
    src: url("../resources/Pacifico.ttf"); 
} 

body, span, div, input[type=text], label { 
    font-family: 'Pacifico' !important; 
color:red; 
} 
</style> 

, HTML 페이지를 보낼 준비가 글꼴에 해당 링크를 포함 (I 성공적으로 글꼴을 다운로드 할 수 있습니다 Tomcat 서버 localhost : 8080 /.../ font의 글꼴 (내용 유형이 맞음)로 올바르게 업로드됩니다. 그러나 페이지는 그것을 구현하지 않으며 폰트 자체는 (기본 폰트가 사용 된 것처럼 보이기 때문에) 표현되지 않습니다.

이 문제는 독점적으로 로컬로 저장된 글꼴과 관련이 있습니다. CDN 전자 메일을 제대로 사용하면이 문제가 발생합니다.

더미 HTML 페이지를 만들고 글꼴 (폴더에 대한 직접 링크 포함)을 첨부하면 글꼴이 올바르게 적용되므로 글꼴은 100 % 유효합니다.

편집

월 톰캣에서 글꼴 및 내 응용 프로그램 (응용 프로그램/응용 프로그램에서 글꼴/TTF VS .TTF 폰트 톰캣에서 X-글꼴 TTF)에 대한 콘텐츠 형식의 불평등에 연결이 문제 ?

편집 2

렌더링 된 HTML이 조각 상대 URL은 CSS의 위치를 ​​기준으로 할 것이다

<style> 
    @font-face { 
    font-family: "Pacifico"; 
    src: url("http://localhost:8080/path/to/resource/Pacifico.ttf"); 
}  
body, span, div, input[type=text], label { 
    font-family: 'Pacifico' !important; 
color:red; 
} 
</style> 

Answer 1

을 포함하고 있습니다.

이메일에 인라인으로 표시되는 것으로 URL이 없습니다. 그래서 상대 URL은 상대적이지 않습니다.

은 내가 CDN을 사용할 때 절대 URL을해야합니다 가정 : 각 비 포함 된 리소스에 대한 하나가 필요합니다,

는