css - エンボステキストを作成する

Question

テキストでエンボス効果を出すためのこの解決策を見つけました。これは本当に最良の方法ですか。それに関する新しいアイデア。カーニングを正しく行うためにスパンタグを追加する必要がある場合は、作業が不可能になります。私はそれが余分なノードを追加し、疑似セレクターを台無しにすると思います。

Answer 1

テキストシャドウを使用できます。

text-shadow{0px 1px 0px #fff, 0px -1px 0px #000}

ただし、これはIE9より前のIEでは機能しません。

Answer 2

必ずしもクロスブラウザに対応しているわけではありませんが、エンボススタイルをエミュレートするために常にテキストシャドウがあります。

h1.embossed {
    text-shadow: 1px 1px 2px #fff;
}

JSフィドルデモ。