Webkitのテキストストロークは、私は現在、私のフォント素晴らしいアイコンが見えるようにWebKitのテキストストロークを使用しています

Question

モバイル

に取り組んでいないシンナー

CSS

.arrow:after { font-family: $font-awesome; content:'\f054'; -webkit-text-stroke: 3px white; float: right; } 

私はそれを見たときにそれは完璧に動作私のラップトップ（私はChromeを使用しています）。しかし、私のウェブサイトをモバイル（iPhone、Chromeを使用している）で見ると、webkit-text-stroke CSSのプロパティは適用されないようです。アイコンはデフォルトの太さ（ストロークなし）のままです。どんな解決策ですか？または、アイコンを薄くする代わりにモバイルでも動作する代替手段ですか？

Answer 1

"：after"を使用する代わりに、次のようにクラスを使用すると動作します。

.fa-arrow-right { 
-webkit-text-stroke: 1px orange; 
}