7月
21
2013
21
2013
Bootstrapで見出しタグ内の半角スペースが!になったり日本語が消失する時の対策。
Bootstrapで見出しタグ内の半角スペースが!になったり日本語が消失する時の対策。 はコメントを受け付けていません
レスポンシブなサイトを比較的簡単に作れるBootstrapですが、Google Chromeでみると見出しタグ内の半角スペースが「!」になったり、日本語が消失したり文字化けしたりするようです。
調べたみたところ、Bootstrapの見出しタグ(h1~h6)部分のCSSに以下(ハイライト部分のtext-renderingプロパティ)の指定がされているのが原因と判明。
h1,h2,h3,h4,h5,h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }
該当箇所を下記のように指定してあげればなおる模様。
text-rendering: auto;
【参考サイト】
》B.log – windowsXP + chrome + ! (エクスクラメーション・マーク/感嘆符) + 半角スペース
》terkel.jp – text-rendering: optimizeLegibility
Similar Posts
- [RECIPE-NET] XWORDS エントリタイトル背景変更
- 前後のポストへのナビゲーションをつけてみるテスト。
- Ccenterモジュール・フォーム表示のカスタマイズ。
- BLOGリニューアル(その1) 「Edit」のリンクをつける
- Advanced Custom Fieldsでフィールドの値を取得して出力する5つのパターン。
Related Posts
月 | 火 | 水 | 木 | 金 | 土 | 日 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |