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

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

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

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

フォント設定方法

• キーカラー
• キーテキストカラー
• フォント
• フォントサイズ
• フォントカラー
• アイコンフォント
• サイト背景色
• サイト背景画像
• サイト幅
• リンク色
• サイドバーの位置・表示ページ設定
• ファビコン
• サムネイル表示
• 日付フォーマット

フォント選択

フォントの字体サンプル

文字の太さ

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

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

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