【Photoshop CC】デザインするときに役に立つブラウザ表示フォント指定【Mac】

フォント：「ヒラギノ角ゴ Pro W3」

フォントサイズ：12px（だいたいはこれかと。大きめなら14px〜）

文字間のカーニングを設定：「オプティカル」

選択した文字のトラッキングを設定：「75」

アンチエイリアスの種類を設定：「Mac LCD」

これでブラウザ表示フォントと同じ見た目にできます。
トラッキングやフォントサイズの設定はサイトによって変わりますので、適宜調整が必要です。