昨日の続き。
<結論:CSSを設定する>
指定箇所
wp_content/themes/default/style.css
.commentlist p{}
.widecolumn .entry p {}
.narrowcolumn .entry p {}
指定要素
font-size:12pt;
line-height:18px;
font-family: 'Mona','IPA MONAPGOTHIC','MS PGothic','MS Pゴシック','MS Pゴシック','MS Pゴシック',sans-serif;
# style.cssを直接編集してもよいが、上記ファイルをライト可能にしてから、外観→編集→スタイルシート(style.css) で編集するのがWordPress流か。
検証
検証用のAAは、葱板プチAAスレまとめサイトのテンプレより。
オリジナルイメージ
検証AA(誤り)
【AAがずれて見える方へ】
■ AAは、Windows+IE、フォント「MS Pゴシック 中(12ポイント/16ピクセル)」(IE標準)
の状態で、最適表示になります(ズレのないAAが見られます)。
| 結 .| パエリア | 奏 .| 美月 . |
※右のAAのズレない環境が標準です。 | _ .| ㍉ヽ +.| _ .|. _ .|
| ’´ `´ ヽ .| );;} | ’´ `´ 、ヽ |,’´ ,^ ^ヽ |
| ! 〈ノノハ)))〉| <二ン ..|/(((从リ))ミ\..|i fiハヾリ〉|
|ノ (リ;゚ヮノリ .| . 介/ . |レ'リi、ヮ゚;リツヽ、j ||i!(|!゚д゚ノi|.|
これでうまく表示されるだろうか……と問う前に、私の環境でうまく表示されていない(ぉぃ)。
調査の結果、半角アポストロフィーを入力/コピペする際、なぜか全角アポストロフィーになってしまっている様子。
半角:'
全角;’
というわけで、半角アポストロフィーを正しく入力する(’を、'に置き換える)と、以下のようになる。
検証AA2(本物)
【AAがずれて見える方へ】
■ AAは、Windows+IE、フォント「MS Pゴシック 中(12ポイント/16ピクセル)」(IE標準)
の状態で、最適表示になります(ズレのないAAが見られます)。
| 結 .| パエリア | 奏 .| 美月 . |
※右のAAのズレない環境が標準です。 | _ .| ㍉ヽ +.| _ .|. _ .|
| '´ `´ ヽ .| );;} | '´ `´ 、ヽ |,'´ ,^ ^ヽ |
| ! 〈ノノハ)))〉| <二ン ..|/(((从リ))ミ\..|i fiハヾリ〉|
|ノ (リ;゚ヮノリ .| . 介/ . |レ'リi、ヮ゚;リツヽ、j ||i!(|!゚д゚ノi|.|
この操作にて、私の環境での表示は上手くいった。
みなさまの環境ではいかがでしょう?
なお、元々のページがまだ治っていないが、文字の変換に失敗したことがAAずれの原因と推定されるため、さらしageしておくことにする。(注:異なるテクノロジを用いた複数回の変換を実施しているため、責任を問う者でもなければ問えるものでもありません。)