メインコンテンツへ移動
黯羽軽揚毎日少しずつ

serif、sans-serif、monospace、cursive、fantasy

無料2017-09-23#CSS#generic font families#一般字体族#通用字体族#无衬线字体#中文衬线字体

PPT でなぜ宋体を使ってはいけないのか？CSS とどのような関係があるのか？

一.例

[caption id="attachment_1523" align="alignnone" width="700"]generic-font-families generic-font-families[/caption]

P.S.より多くの英語フォントの例は参考資料-5 つの一般フォントファミリーの英語例 を参照

P.S.より多くの中国語フォントの例は参考資料-The Complete Beginner's Guide to Chinese Fonts を参照

二.役割

Generic font families are a fallback mechanism, a means of preserving some of the style sheet author's intent in the worst case when none of the specified fonts can be selected.

（15.3.1 Generic font families から引用）

すべてのフォントがすべての端末デバイスで利用可能とは限らないため（何千種類ものフォントがあり、そのほとんどが無料ではない）、CSS はfallback メカニズムを提供します：まず希望するフォントをリストし、次に代替フォントをリストし、最後に一般フォントファミリーで終わります

最悪の場合（指定されたすべてのフォントが利用できない場合）、この方法でスタイルシート作成者の意図を一部保持できます

一般フォントファミリーは 5 つあります：serif、sans-serif、monospace、cursive、fantasy で、比較的よく使われるのは最初の 3 つ（セリフ、サンセリフ、等幅フォントファミリー）です

三.特徴

serif セリフフォントファミリー

特徴：

  • 装飾された筆画を持ち、外側に広がるか尖った末端、または実際のセリフを持つ末端

  • 一画一画の末端（両端）に少し変化や装飾がある。例えば宋体の筆画末端には毛筆字のような感じがある

  • 文字の末端に差異があり、小さなフォントサイズでも認識しやすい。しかし大きなフォントサイズでは筆画の装飾部分がぼやけたりギザギザになったりする可能性がある

例：

  • Times New Roman、MS Georgia

  • 宋体、仿宋

派生：

  • petit-serif 小セリフフォントファミリー

末端の変化が不明瞭で、サンセリフとみなせる

  • slab-serif スラブセリフフォントファミリー

末端の変化が非常に明確

sans-serif サンセリフフォントファミリー

sans-プレフィックスはフランス語で、発音は/san/、「無」を意味する

特徴：

  • 筆画が明確な末端を持つ--少しまたは全く外側に広がらない、交差する筆画、またはその他の装飾

  • 「セリフフォント」と比較して、フォントサイズが小さい場合、識別しにくいように見える。特に段落閱讀時に行を追うのが容易ではない

例：

  • MS Trebuchet、MS Arial、MS Verdana

  • 黒体、幼圓、隷書、楷体

cursive 手書きフォントファミリー

特徴：

  • 手書きのよう

例：

  • Caflisch Script、Adobe Poetica

  • 徐静蕾手書き体、迷你簡黄草、華文行草、少女体

fantasy 幻想フォントファミリー

特徴：

  • アート文字、主に画像に使用され、ページ上ではあまり使用されない

例：

  • WingDings、WingDings 2、WingDings 3、Symbol

  • 蘿蔔体

monospace 等幅フォントファミリー

特徴：

  • 各文字が等幅。主に英語に使用され、中国語の角文字は元々等幅

例：

  • Courier、MS Courier New、Prestige

  • 大多数の中国語フォント

四.使用原則

常識：

  • 1 つのページで 3、4 種類またはそれ以上のフォントを使用しない

  • 必要でない限り、文中でフォントを変更しない

  • sans-serif はオンラインメディア用、serif は印刷機器用

  • monospace はタイプライターとコード用

  • 小さなフォントサイズのシーンでは sans-serif を使用しない。セリフフォントの方が認識しやすい

ベストプラクティス：

  • sans-serif がページ首选。サンセリフ

画面表示デバイスでは、セリフにより文字が識別しにくくなるため

  • serif はオンライン閱讀に適さないが、印刷効果は非常に良く、ページの印刷版に適する

セリフフォントは印刷シーンで閱讀しやすく、異なる文字を明確に区別しやすい。プリンターは解像度に対する要求がより精細（355ppi）で、高解像度では詳細がはっきり表示され、画面表示のようにぼやけることはない

  • monospace はコード例に使用

各文字が等幅で、ページ上で同じスペースを占有する。タイプライターはこのフォントを使用

  • 本文に fantasy と cursive を使用しない

画像やタイトルバーで使用可能

最後に

PPT で宋体を使用してはいけないのは、でたらめではない

参考資料

コメント

コメントはまだありません

コメントを書く