Webkitブラウザ(SafariおよびChrome)は、カスタムフォント(TypeKitから)でテキストシャドーを続けています。私はそれを修正するために私が何ができるか分からない。私は周りを見回してきましたが、haventは他の場所で同様の問題を発見しました。 GoogleのChromeでカスタムフォントのテキストシャドウを使用したWebkitブラウザでの問題
で正常に見えます。ありがとう!
Webkitブラウザ(SafariおよびChrome)は、カスタムフォント(TypeKitから)でテキストシャドーを続けています。私はそれを修正するために私が何ができるか分からない。私は周りを見回してきましたが、haventは他の場所で同様の問題を発見しました。 GoogleのChromeでカスタムフォントのテキストシャドウを使用したWebkitブラウザでの問題
で正常に見えます。ありがとう!
これは、ウェブキットがテキストノードボックスを小さすぎてフォントに適合させることができないため、問題です。おそらくその筆記体のスタイルなどのためでしょう。
テキストの最後に
を追加すると、それが動作するのがわかります。余分なスペースを相殺するには、負の右マージンを使用できます。唯一の問題は、ヘッダーである場合は、右
btw私はこれらのテキストシャドートランジションが好きです。驚くほどクールな効果です。 – sg3s
ああ、もっともエレガントな解決策ではありませんが、間違いなく機能します。私は誰もこの問題に遭遇していないことに驚いています。ありがとう! –
あなたのstyle.cssファイルの変更のライン286 5px 5px 1px #B2CA52
にtext-shadow
プロパティの値にそれを得るまで、この値を持つarroundの罰金...
margin-right: -4px;
がフィドルを動作するはずです
あなたのHTML/CSSコードは表示できますか? – vivek
CSSとマークアップなしでは助けになりません。 – Scott
サンドボックスに入れました。 [http://sweetlifefestival.islsandbox.com/so/#food](http://sweetlifefestival.islsandbox.com/so/#food) –