CSSで文字に縁（フチ）を付けてふくろ文字にする方法みっつ。古（いにしえ）の方法と、新（いまどき）の方法と、SVGを使って再現する方法についてのメモです。 古（いにしえ）の方法 text-shadowプロパティを使って文字に影を落として、その影で文字を縁取る方法。 text-shadowの値は、,（カンマ）で区切っていくつでも指定できるので、四方八方に影を落とせば縁（フチ）のように見せることができるってワケです;)。 下ソースコードでは、左、下、右、上、左上、右上、左下、右下の順に、薄暗い灰色（dimgray）の影を落とします。 .outline-text { text-shadow: -1px 0 dimgray, 0 1px dimgray, 1px 0 dimgray, 0 -1px dimgray, -1px -1px dimgray, 1px -1px dimgray, -1px
