小塚ゴシックをfont-familyで指定すると、ブラウザでの表示に少し問題が出てきます。
IEで見ると、文字が上付いて、レイアウトがずれてしまいます。
フォント上端からベースラインまでの高さが、IEではうまく計算されていないためです。
対処方法として考えられるのは、
@font-faceで源ノ角ゴシックなど日本語書体が小塚ゴシックと似たフォントをを読み込むなどの方法があります。
|
1 |
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); |
この記事を見た人は次の記事も見ています。
擬似要素:nth-child()をIE8で使用する
jsでpc/sp時の画像の切り替え
カスタム投稿タイプのパーマリンクを数字ベースに
バレンタインとWEBサイト
figure要素の使い方
メディアクエリ
一般公開前のお作法～チェック
clearfixの使い方
wordpress カスタム投稿のリストを連番で拾得- :placeholder-shown
css自動計算
第四十五回「TablePressプラグインで簡単な表を作る」
文頭の1文字にCSSをかける :first-letter- トップページのSEO設定方法
並んだ要素の最後のスタイルを適用しない- column-count カラム数の指定
- WEB広告の話(リスティング広告編)
:nth-child()疑似クラス (E:nth-child(n))
gnaviにカスタム投稿記事リストを表示
「Block Elements」と「Inline Elements」について
コメント