Webフォントとは
Webフォントは、WWWのコンテンツ側がフォントデータを持ち、コンテンツ側から提供されるフォントデータに従って、Webブラウザなどの可視化(レンダリング)をともなうクライアントが文字表示(カーニング)を行うシステムおよびそのフォントである。CSS3.0 fonts moduleで、この機能の標準が提供された。(出典:ウィキ)
WordPressでは、プラグインでWebフォントが気軽に利用できます。
プラグインの検索欄でTypeSquareと入力すると・・・サーバー会社のものが7つ、モリサワのものが1つヒットします。
サーバー会社のものは、そのサーバーにインストールしているWordPressであれば利用できます。サーバーのコントロールパネルで、利用したいWordPressのドメインを登録すると有効になります。
明朝体5・ゴシック体5・丸ゴシック体4・デザイン書体10・装飾書体1・筆書体4・UD書体4
書体としては33種類
見出し・リード・本文・太字の4ヶ所に各書体を当てはめて、16組のテーマが提供されています。
それでは、投稿や固定ページの各ページ入力画面で、気軽に指定できる「フォントテーマから選ぶ(16組あり)」を使って、網羅してみましょう。
[su_spoiler title="フォントテーマから選ぶ" style="fancy" icon="chevron-circle"]
ちなみにさくらは13組
コミカル・はんなり・ホラーが、Xサーバーにはある・・・
16組を表にしてみますと・・・
№ | テーマ名 | 見出し | リード | 本文 | 太字 |
01 | ベーシック | 新ゴ B | 新ゴ B | 新ゴ R | 新ゴ B |
02 | スタイリッシュ | 見出ゴMB31 | 見出ゴMB31 | TBUDゴシック R | TBUDゴシック E |
03 | ニュース | リュウミン B-KL | リュウミン B-KL | 黎ミン M | リュウミン B-KL |
04 | ビジネス | リュウミン B-KL | リュウミン B-KL | TBUDゴシック R | TBUDゴシック E |
05 | ファッション | 丸フォーク M | 丸フォーク M | 新ゴ R | 新ゴ B |
06 | エレガント | A1明朝 | A1明朝 | 黎ミン M | リュウミン B-KL |
07 | ポップ | ぶらっしゅ | ぶらっしゅ | じゅん 501 | G2サンセリフ-B |
08 | コミカル | 新ゴ シャドウ | 新ゴ シャドウ | じゅん 501 | G2サンセリフ-B |
09 | 和風 | さくらぎ蛍雪 | しまなみ | リュウミン R-KL | リュウミン B-KL |
10 | はんなり | 那欽 | 那欽 | 黎ミン M | リュウミン B-KL |
11 | ナチュラル | はるひ学園 | はるひ学園 | シネマレター | 竹 B |
12 | レトロ | 秀英にじみ丸ゴシック B | シネマレター | トーキング | じゅん 501 |
13 | ホラー | TB古印体 | TB古印体 | 陸隷 | 陸隷 |
14 | カジュアル | 秀英にじみ丸ゴシック B | 丸フォーク M | トーキング | 秀英にじみ丸ゴシック B |
15 | 伝統 | 教科書ICA M | さくらぎ蛍雪 | さくらぎ蛍雪 | 教科書ICA M |
16 | 繊細 | A1明朝 | しまなみ | リュウミン R-KL | リュウミン B-KL |
[/su_spoiler]
なお、このページは「コミカル」を指定しています。
№ | テーマ名 | 見出し | リード | 本文 | 太字 |
08 | コミカル | 新ゴ シャドウ | 新ゴ シャドウ | じゅん 501 | G2サンセリフ-B |
フォントをありのままに表示する「Webフォント」
※Xサーバーの場合は、利用可能ドメイン数3ドメイン・月間基本PV 75,000PV/月という条件が付きます。
01 ベーシック
本文 新ゴ R
詳細はこちら02 スタイリッシュ
本文 TBUDゴシック R
詳細はこちら03 ニュース
本文 黎ミン M
詳細はこちら04 ビジネス
本文 TBUDゴシック R
詳細はこちら05 ファッション
本文 新ゴ R
詳細はこちら06 エレガント
本文 黎ミン M
詳細はこちら07 ポップ
本文 じゅん 501
詳細はこちら09 和風
本文 リュウミン R-KL
詳細はこちら08 コミカル
本文 じゅん 501
詳細はこちら10 はんなり
本文 黎ミン M
詳細はこちら11 ナチュラル
本文 シネマレター
詳細はこちら12 レトロ
本文 トーキング
詳細はこちら13 ホラー
本文 陸隷
詳細はこちら14 カジュアル
本文 トーキング
詳細はこちら15 伝統
本文 さくらぎ蛍雪
詳細はこちら16 繊細
本文 リュウミン R-KL
詳細はこちら33書体はまとめて図で比較
フォントは図で比較がよろしいようでm(_ _)m
詳細はこちらさらにCSSで・・・
只今調整中m(_ _)m
詳細はこちら