Edit in JSFiddle

<h1 class="shadow1">見出し１</h1>
<p>テキストテキストテキストテキストテキストテキスト<br>

    <h2 class="shadow2">見出し２</h2>
    <p>テキストテキストテキストテキストテキストテキスト<br>
        テキストテキストテキストテキストテキストテキストテキスト</p>

* {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.shadow1 {
    color: #fff;
    text-shadow: 1px 1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        -1px -1px 0 #000;
}

.shadow2 {
  text-shadow: 3px 3px 1px #ccc;
}