>> テーマ変更に伴い見づらい箇所や不具合があるかもしれません、ご迷惑をおかけします。→
PR

Cocoonのフォント設定方法と字体サンプル一覧

Cocoonのフォント設定方法と字体サンプル一覧 Cocoon・設定
この記事は約2分で読めます。

Cocoonは、サイト全体のフォントを字体、サイズ、太さや、行間、行の高さなど細かく設定する事が出来ます。

Webフォントもいくつか用意されていて、選択するだけで利用可能です。

Cocoonの設定画面には「プレビュー」があり、設定した内容が確認出来ますが、保存をしなければ反映されない為、フォントの字体を一覧で表示していますのでサンプル確認にご利用下さい。

 

フォント設定方法

Cocoon設定を開きます。

Cocoon設定

 

全体タブを選択します。

Cocoon設定・全体

設定出来る項目は以下の通りです。
  • キーカラー
  • キーテキストカラー
  • フォント
  • フォントサイズ
  • フォントカラー
  • アイコンフォント
  • サイト背景色
  • サイト背景画像
  • サイト幅
  • リンク色
  • サイドバーの位置・表示ページ設定
  • ファビコン
  • サムネイル表示
  • 日付フォーマット

 

フォント選択

サイトフォントの項目からプルダウンで選択します。

フォントの選択

 

フォントの字体サンプル

 

 

文字の太さ

文字の太さ

font-weightに設定される太さを指定します。

100、200、300、400、500、600、700、800、900とあり、

標準が400、数が大きいほど太字になります。

コメント

  1. […] こちら に、設定方法だけでなくフォントのサンプルもあってすごくわかりやすかった! […]

タイトルとURLをコピーしました