ホームページ >ウェブフロントエンド >htmlチュートリアル >セリフとサンセリフの違い fonts_html/css_WEB-ITnose

セリフとサンセリフの違い fonts_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:24:191513ブラウズ

欧米のローマ字陣営では、フォントはサンセリフとセリフの2つに大きく分けられます。タイプライター本体もサンセリフに属しますが、固定幅フォントなので別の種類があります。たとえば、Web では、コードを表すときに固定幅フォントがよく使用されます。

セリフとは、文字のストロークの最初と最後に追加の装飾があることを意味し、縦ストロークと横ストロークによってストロークの太さが異なります。それに対して、サンセリフにはこうした付加的な装飾がなく、ストロークの太さもほぼ同じです。下の図に示すように、

私たちが普段使用している Georgia、Times New Roman などは Serif フォントに属し、Arial、Tahoma、Verdana などは Sans Serif フォントに属していることがわかります。中国語の場合、これら 2 つのカテゴリも明らかに存在します。Song フォント、Ximing フォント (繁体字中国語で一般的に使用される) などは Serif に属し、Helvetica、Youyuan などは Sans Serif に属します。

Serif と Sans Serif の一般的な比較:

①Serif フォントは識別しやすいため、より読みやすくなります。一方、サンセリフは目を引きますが、テキストを読む場合、サンセリフは文字認識に問題を引き起こしやすく、何度も読み返したり、上下の行を混乱させたりすることがよくあります。

②セリフは文字のストロークの始まりと終わりを強調するので、連続性が識別しやすくなります。

③セリフは単一の文字ではなく単語を強調しますが、サンセリフは個々の文字を強調します。

④小さなフォントの場合、通常はサンセリフの方がセリフよりも鮮明です。

太字フォントは「Sans-serif」(サンセリフ)に属し、Songフォントは「Serif」(セリフ)に属するため、人間の目は後者の方が認識しやすいので、読むときにより快適になります。日本の文字は欧米のサンセリフ体を好むため、ゴシック体(西洋のサンセリフ体に相当)を使用する人がほとんどです。

適用可能な用途:

通常、記事のコンテンツと本文には読みやすいセリフフォントが使用され、読みやすさが向上し、長時間読んだ後は単語単位で読まれるようになります。疲れる可能性が高い。タイトルや表で使用される単語には、より目を引く Sans Serif フォントが使用されます。目立つようにして目を引く必要がありますが、これらの単語を読むために長時間見つめる必要はありません。

販促物やポスターと同様に、目を引くために短編小説の段落もサンセリフ体を使用します。ただし、書籍、新聞、雑誌などでテキストが非常に長い場合は、読者の読みの負担を軽減するためにセリフ フォントを使用する必要があります。この原則は、Web デザインやブラウザーの設定でも従う必要があります。

実践的な応用例:

Firefox (現在この機能があるのは Firefox のみのようです) では、Sans Serif、Serif、Monospace の中国語フォントと欧文フォントを個別に指定できますが、このオプションは、ただし、アドレスバーに「about: config」と入力し、フィルターでフォントをフィルターして次の設定名を見つけることができます:

Code:font.name.monospace.x-westernfont.name.monospace.zh-CNfont.name.sans-serif.x-westernfont.name.sans-serif.zh-CNfont.name.serif.x-westernfont.name.serif.zh-CN

上記の Sans Serif に従って、対応するフォントを指定できます。 Serif と Monospace の原則、および W3C CSS に従います。 ルールによれば、クライアントが Serif のデフォルト フォントを使用できないようにするには、フォント (またはフォント ファミリ) の最後に Serif などのジェネリック ファミリを指定する必要があります。フォントが指定されていない場合は本機で動作します。

セリフフォントは可読性が非常に高いため、出版物の本文や印刷物など、大きな文字を表現形式とする作品でよく使われます。

より一般的なセリフ フォントには、Georgia、Garamond、Times New Roman、China Songdynasty などが含まれます。

サンセリフフォントはより滑らかで、線の太さは一般的に均一です。ワードアートやタイトルなどとしての使用に適しています。サンセリフフォントは通常、太さが比較的均一であるため、小さなフォントを表示すると可読性が低下し、視覚疲労を引き起こしやすくなります。

一般的なサンセリフフォントには、Trebuchet MS、Tahoma、Verdana、Arial、Helvetica、中国のYouyuan、公用書体などが含まれます。

その他の一般的なフォントファミリー

タイポグラフィーでは、セリフとサンセリフに加えて、通常、等幅等幅フォント、スクリプト手書き(筆記体など)、およびブラックレターリードフォント(ゴシックとも呼ばれます)特殊フォントがあります厳密に言えば、一般的に使用されるセリフ フォントの多くは実際にはゴシック フォントです)、装飾的な装飾フォント (テキスト ストローク上または周囲に装飾的なパターンを持つフォントです。これは多くの中世の本で非常に一般的です。クレイジーなフォントが本当にフォントになるのであれば、そうすべきです。装飾フォントとみなされます...) およびシンボル シンボル フォント (有名な Wedding123 など...)

等幅等幅フォント:

  所谓的等宽字体,是指每个字符宽度都一致的字体。一个著名的例子就是 Courier New 字体。因为字符宽度一致,所以特别容易对齐,能快速精确的定位到某行某列,因此经常用来显示代码。

  Cursive书写体:相当于印刷学中的手写体。中文的华文行草就是这样的一个字体。

  网页设计中的默认字体:字体大小(12px)、行高(18px)

font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;

  ①font-family默认采用Tahoma. Tahoma是英文Windows操作系统的默认字体,这个字体比较均衡,显示中英文混排很不错,是经久耐看的一款字体。

  ②Mac OS X系统有一款比Tahoma更典雅的系统默认字体:Helvetica,非Mac系统的Helvetica字体都是Rip版。

  ③Arial是早期Windows英文系统的默认字体,XP和Vista上都是Tahoma。

  ④最后的sans-serif是针对强悍的Linux DIY族。Linux默认只有kernel,字体完全由用户自定义,针对这部分用户,sans-serif可能能派上用场。

  ⑤最后,无论在XP还是Vista下,不指定网页的中文字体时,默认就是宋体。因此font-family里的'宋体'是多余的,可以省去。

 

转载地址:http://kb.cnblogs.com/page/192018/

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。