小塚ゴシックをfont-familyで指定すると、ブラウザでの表示に少し問題が出てきます。
IEで見ると、文字が上付いて、レイアウトがずれてしまいます。
フォント上端からベースラインまでの高さが、IEではうまく計算されていないためです。
対処方法として考えられるのは、
@font-faceで源ノ角ゴシックなど日本語書体が小塚ゴシックと似たフォントをを読み込むなどの方法があります。
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);