Cocoonの使い方やカスタマイズとオリジナルスキン

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

スポンサーリンク
Cocoonのフォント設定方法と字体サンプル一覧設定

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

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

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

 

スポンサーリンク

フォント設定方法

Cocoon設定を開きます。

Cocoon設定

 

全体タブを選択します。

Cocoon設定・全体

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

 

フォント選択

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

フォントの選択

 

フォントの字体サンプル

 

 

 

 

 

 

文字の太さ

文字の太さ

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

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

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

 

 

コメント

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