当テーマの文字フォントは次の ゴシック系フォント をメインにデザイン調整をしています。

 

PC(Windows)メイリオ
PC(Mac)ヒラギノ角ゴ ProN W3
iphone・ipadヒラギノ角ゴ ProN W3
Android系Roboto,Droid Sans

 

PCでは文字フォントの変更もできます。

文字フォントを変えるとサイトの見た目の印象が結構変わります。必要に応じてお試しください。

※ OS や OS バージョンによっては、その文字フォントが入っておらず、反映しない場合があります。

※ Android 系は文字フォントの変更はできません。

 

 

 

 

文字フォント変更方法

 

次で設定してください。

新規設定や変更後は必ず [ 保存 ] をしてください。

 

  • 管理画面　外観 ＞ その他オプション
  • 項　　目　通常ページ用 CSS ( <head> 設定 )
  • 作　　業　CSS を入力する

 

※ 子テーマ 利用時は 子テーマ の style.css に追加する

 

 

■ 游ゴシックをメインにする

 

※ 2018-10-15 更新 (Ver.ID：20181015 ) から適応

body{
font-family:'Yu Gothic',YuGothic,'Hiragino Kaku Gothic ProN',Roboto,'Droid Sans',sans-serif,kaeten;
font-weight:500;
}

 

 

■ 明朝体をメインにする

 

※ 2018-10-15 更新 (Ver.ID：20181015 ) から適応

body{
font-family:'Yu Mincho',YuMincho,'Hiragino Mincho ProN',Roboto,'Droid Sans',sans-serif,kaeten;
font-weight:500;
}

 

 

■ Google の Webフォント【 Noto Sans Japanese 】をメインにする

 

※ 2018-10-15 更新 (Ver.ID：20181015 ) から適応

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
body{
font-family:'Noto Sans Japanese',sans-serif,kaeten;
font-weight:300;
}

 

1 行目の記述 @import url のご注意

この記述の前に「 別の記述 」があると @import url が効きませんので次のようにしてください。

●カスタマイズ用CSSに追加するとき ： 入力欄の一番上に入力してください

●子テーマ の style.css に追加するとき ： @charset "UTF-8"; の下に入力してください。

 

※ Webフォントですので表示されるまでに時間がかかるときがあります

※ Android 系も【 Noto Sans Japanese 】で表示されます