目次
serif
-sans-serif

webfont_html/css_WEB-ITnose

Jun 24, 2016 am 11:35 AM

ローレム・イプサム
ローレム・イプサム

最初の書き方の間違いは、フォントを全く指定せず、ブラウザにフォントの選択を任せているのと同じです。書くことは書かないことと同じです。

2 番目の書き方の間違いは順序にあります。ユニバーサル フォント ファミリは、フォント セット内の他のすべてのフォントが無効になっている場合にのみ機能する必要があるためです。したがって、指定したフォントをユニバーサル フォントの後に配置すると、指定したフォントが一致しない場合にユニバーサル フォントが使用されます。したがって、ユニバーサル フォントがフォント セットの最後のフォントであることを確認する必要があります。

serif

Serif は、タイポグラフィーにおけるセリフ フォントを指します。セリフ フォントの概念を理解するために、まず典型的なセリフ フォントの例をいくつか見てみましょう:

My
Georgia フォント King
Times New Roman フォント 漢字
Song スタイル

My という単語の文字「M」は上下で強調表示されます ダッシュはいわゆるセリフです。同様に、y の上、K の上下、i と n の下にセリフがあるため、これらのフォントはセリフ フォントと呼ばれます。ただし、上記の例の g、「汉」、「字」など、セリフ フォントにはすべてセリフがあるとは限りません。実際、末尾強化の原則を満たすフォントはすべてセリフ フォントです。いわゆる端強化とは、セリフや太さの変更を使用してフォント ストロークの端を強化し、小さなテキストの可読性を向上させることです。たとえば、上の例の y の下部と Song フォントの漢字では、末尾に太字のストロークを使用して、末尾を強調する効果を実現しています。さらに、多くのセリフ フォントでは、垂直ストロークを強化したり (たとえば、宋代の垂直ストロークは水平ストロークよりも太い)、グリフを誇張したり (最もわかりやすいのは小文字の g 文字です) などの方法も使用して、フォントの品質をさらに向上させます。読みやすさ。

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

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

-sans-serif

セリフ フォント以外のすべてのフォントはサンセリフ フォントです。接頭辞 sans- は実際にはフランス語なので、より標準的な発音は /sans/ ではなく /san/ です。 「なし」という意味です。したがって、サンセリフはサンセリフフォントです。

Gut
Verdana フォント Might
Arial フォントの書き込み
Young Round

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

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

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTML、CSS、およびJavaScriptの理解:初心者向けガイド HTML、CSS、およびJavaScriptの理解:初心者向けガイド Apr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTML:構造、CSS:スタイル、JavaScript:動作 HTML:構造、CSS:スタイル、JavaScript:動作 Apr 18, 2025 am 12:09 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTML、CSS、およびJavaScriptの未来:Web開発動向 HTML、CSS、およびJavaScriptの未来:Web開発動向 Apr 19, 2025 am 12:02 AM

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

HTMLの未来:ウェブデザインの進化とトレンド HTMLの未来:ウェブデザインの進化とトレンド Apr 17, 2025 am 12:12 AM

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTML対CSS対JavaScript:比較概要 HTML対CSS対JavaScript:比較概要 Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML:Webページの構造の構築 HTML:Webページの構造の構築 Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

HTML対CSSおよびJavaScript:Webテクノロジーの比較 HTML対CSSおよびJavaScript:Webテクノロジーの比較 Apr 23, 2025 am 12:05 AM

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

HTML:それはプログラミング言語か何か他のものですか? HTML:それはプログラミング言語か何か他のものですか? Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

See all articles