#CSS3のtext-shadowだけで文字に太い枠線をつける方法。
ありそうでなかったので、CSSのtext-shadowだけで文字をぼかしなしのソリッドに太く縁取りする方法を模索してみました。
h1からh3くらいの大きさを想定。
アルファベットや丸みを帯びたフォントを使用すると精度が上がります。
フォントサイズによって値は変更してみてください。
h1{
text-shadow:
white 3px 0px,
white -3px 0px,
white 0px -3px,
white -3px 0px,
white 3px 3px,
white -3px 3px,
white 3px -3px,
white -3px -3px,
white 1px 3px,
white -1px 3px,
white 1px -3px,
white -1px -3px,
white 3px 1px,
white -3px 1px,
white 3px -1px,
white -3px -1px,
white 1px 1px,
white -1px 1px,
white 1px -1px,
white -1px -1px;
}