タグ

2017年3月29日のブックマーク (1件)

  • edalog - デバイスフォントにcssでふちどりテキストは現実的か

    ふちどりテキストを画像じゃなくてcssで実装したい ふちどりのあるタイトルテキスト、昔はよく画像で作ってたと思うんですが、スマホとか幅の狭いデバイスを考えると画像だと小さくなりすぎて読みにくい。 なのでやっぱりcssでやりたいなぁということで、ちょっと試してみました。 正統派 text-stroke 対応ブラウザの問題。 2015.10.20時点でwebkit系だけ。 そして使用できても、中の塗りの部分?が細くなって、テキストとして読みにくい。ほとんどstrokeみたいな感じ。 See the Pen Edging text - text-stroke(normal) by hiroaki tachibana (@eedamame) on CodePen. font-weightをboldにしたり、フォントサイズを大きくするといい感じに見える。 が、やはりstrokeのwidthを1pxよ

    aki77
    aki77 2017/03/29