ぼくの考えたさいきょうのCSSだけで2pxの縁取り文字【2017/7/28追記】 - Qiita

まずは1pxの縁取り CSSのtext-shadowのみを使って、白文字+黒の1px縁取りをしてみます。 考え方としては ぼかしを0pxにして塗りつぶしの影を作る 1pxずつずらして複数指定することで縁取りっぽく見せる LIGさんの記事で素晴らしい解説がありました。 2.テキストシャドウ使う方法 text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px; 引用元：IEでもキレイ！ブラウザ上でアウトライン（縁取り）を表現する方法 ▼1px四方向の出力サンプル▼ 1pxの縁取りであれば、上下左右の指定だけで結構いい感じになります。 2017/7/28追記 1pxでキレイな縁取り 上記の方法だと、右下、左上、左下、右上の4方向なので、上下左右に縁取りがないことになってまし

[syonx]

https://owumaro.github.io/text-stroke-generator/

[razokulover]

強い

[tailtame]

よい