文字のアウトラインには以下のCSSを使用
.text {
color: #fff;
text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
x座標、Y座標、ぼかしサイズ、カラーの順番に設定
右下、左下、右上、左上のぼかし無しのものを配置
ただし、うまくいかない場合もあるので、その際には、
4つの制御点の色を変えるとこうなります（位置は5pxで設定）↓
アウトライン
text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
でぼかしを4つ重ねる事も可能（ただしシャープなアウトラインにはならない）