2017-03-15 14 views
0

電子メールテンプレートを使用して電子メールを送信したり、ローカルフォントを添付しようとすると問題が発生する) メールする。私はこのようにして(レンダリング済みHTML)する@ font-faceでフォントを添付@ font-faceは電子メールテンプレートのローカルフォントを使用できません

:レンダリング後

<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ページを送信する準備がフォントへの適切なリンクが含まれています(私は正常にフォントをダウンロードすることができますTomcatサーバーlocalhost:8080 /.../ fontからのフォント(コンテンツタイプは正しい)として、正しくアップロードされます。しかし、ページはそれを実装しておらず、フォント自体は表示されません(デフォルトのフォントが使用されているようです)。

この問題は、ローカルに保存されたフォントにのみ関連しています.CDN電子メールを使用すると、正しく表示されます。

ダミーのHTMLページを作成してフォントを(フォルダへの直接リンクを使用して)添付するとフォントが正しく適用されるため、フォントは100%有効です。

編集

月のTomcatでのフォントと私のアプリケーション(アプリケーション/アプリケーションのフォント/ TTF VSの.ttfフォントのためのTomcatの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> 

答えて

0

このスニペットが含まれています。

電子メールにインラインで表示されますが、URLはありません。したがって、相対URLは相対的なものではありません。

私は、CDNを使用しているときに絶対URLを持っているだろうと仮定します。あなたは、各非埋め込みリソース、

+0

に1つずつ必要になります実際には、HTMLは、Tomcatのリソースフォルダ内のフォントへの完全なパスが含まれており、私ができます利用可能なURLを編集せずにダウンロードしてください。それとも、私はあなたを誤解してしまったでしょうか? – ryzhman

+0

@ryzhman私は相対URLを示す質問のCSSを見ています。 – Richard

+0

レンダリングされたHTMLで質問を更新しました – ryzhman

関連する問題