2016-10-06 13 views
0

私は白のフォントで書かれたヘッダの周りに黒、1つのピクセルのアウトラインを達成しようとしているが、私はちょうどGmailは、このサポートしていないことに気付きました:HTML形式の電子メールのフォントのアウトライン

{ 
    color: white; 
    text-shadow: 
    -1px -1px 0 #000, 
    1px -1px 0 #000, 
    -1px 1px 0 #000, 
    1px 1px 0 #000; 
} 

どのように私はこれを何かサポートして解決しますか?

+0

あなたがSVGを使用することができますか?ブラウザのサポートでこのトピックに捧げられた[css-tricksに関するガイド](https://css-tricks.com/a-guide-on-svg-support-in-email/)があります – chazsolo

+0

@chazsolo実際には – dmbdnr

+0

メールクライアント本当に悪いCSSのサポートを持っているので、テキストシャドーをレンダリングするためにあまりにも多くをカウントしないでください。必要に応じて、静的画像を生成するか、ダイナミックジェネレータにリンクされた画像を埋め込むか、ストロークエフェクトを使用せずに単に行うように選択する必要があります。 – Terry

答えて

0

あなたがテキストの影なしで取得することができます最も近い不十分サポートテキストストロークプロパティは次のとおりです。

-webkit-text-stroke: 1px black; 

http://codepen.io/c0un7z3r0/pen/VKQmaz

I couldntのも、Firefoxでこの作業を取得しかし、クロムは大丈夫です。私はこの状況でイメージを使うことを考えています。理想的ではありませんが、私はbeleieve電子メールhtmlは、より厳格なコントロールを持っています(特に白いテキストは大きなno-noです)。

http://caniuse.com/#feat=text-stroke

SOURCE:https://css-tricks.com/adding-stroke-to-web-text/

+1

OPはHTML電子メールを扱っていることを覚えておいてください。電子メールクライアントは、現代のCSS仕様に対する貧弱なサポートで有名です。画像は、所望の効果のために、スタイル付けされたテキストよりも関連性が高い可能性がある。 – Terry

関連する問題