アメブロのフォントサイズの変更の対応 | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ アメブロのフォントサイズの変更の対応


● 内容

① 2013.12.11よりアメブロの文字サイズの変更とフォントの種類の変更がありました。

PCブログ 文字サイズ・フォント変更のお知らせ

(引用)

■文字サイズ:
記事本文のテキストのデフォルトサイズが12pxから14pxに変更されます。


■フォント:
閲覧環境によって下記のいずれかのフォントで表示されます。
(※マイページで利用しているフォントと同じものになります。)

【変更前】
・MS Pゴシック
・ヒラギノ角ゴ Pro W3
・Arial
・Helvetica

【変更後】
・ヒラギノ角ゴ Pro W3
・Hiragino Kaku Gothic Pro
・メイリオ
・Meiryo, Osaka
・MS Pゴシック
・MS PGothic
・sans-serif



● 対応方法(元に戻したいという人)


① 下記をCSSの一番下に追加する。
  但し、自分でフォントを設定している場合は下記の場所に入れてください。








/* 2013.12.11 アメブロフォント変更対応 */
.articleText{
font-size:12px;
}
body, input, button, select, textarea{
font-family:'MS Pゴシック','ヒラギノ角ゴ Pro W3',Arial,Helvetica;
}



② CSS編集できないスキンの場合は下記をフリースペースまたは、
  フリープラグインへ追加する


<style>.articleText{font-size:12px;}body, input, button, select, textarea{font-family:'MS Pゴシック','ヒラギノ角ゴ Pro W3',Arial,Helvetica;}</style>