HTMLフォント-htmlチュートリアル-php.cn

HTML Schriftart の使用方法

HTML Schriftart の実装例

例 #1

Example #3

Conclusion

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLフォント

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 04, 2024 pm 04:53 PM

html html5 HTML Tutorial HTML Properties HTML tags

HtmlSchriftart は HTML 言語を使用したフォントであり、このフォントはドイツ語でも使用されており、他のすべての機能は他の HTML フォントと同じです。Html。 HTML には、フォントスタイル、色、フォントタグを使用してテキスト値のフォントサイズと色を設定するための style 属性があります。一般に、Java、phpなどのアプリケーションプログラミング言語を書くときは常にフォントが重要になります。通常の英語としてコードを書き、独自のコンパイラを使用してコードをマシンレベルに変換するフォントスタイルを持っています。 HTML フォントなどの言語は、ユーザーを引き付けるための UI レベルのコードです。

構文:

Htmlfonts(Schriftart) は CSS スタイルのいくつかのスタイル属性を使用しており、またフォントタグを使用してフォントフェイス、サイズ、色を宣言しています。

<html>
<body>
<font face="" color="" size="">
</font>
</body>
</html>

ログイン後にコピー

上記のコードは、Web ページで宣言および使用される HTML フォントの基本構文の 1 つです。また、フォントを太字、斜体、下線付きなどのさまざまなスタイル属性で表示しました。

HTML Schriftart の使用方法

HTML 内タグは、フォントのサイズと色を宣言して割り当てるために使用されます。 html5 フォントでは、タグが削除されます。 font タグの代わりに CSS スタイルを使用します。そのプロパティは、HTML ドキュメント内のテキスト値を配置するために、すべてのフォント、フォントファミリー、サイズ、色に使用されます。 @font-face 注釈ベースの HTML タグを使用して Web ドキュメントにカスタムフォントを追加し、独自のカスタムフォントを読み込むこともできます。これは HTML フォントの機能の 1 つですが、Web ページの速度が低下し、ページのパフォーマンスにも影響するため、検証する必要があります。
注釈ベースの HTML タグは、ブラウザ側の CSS スタイルで使用されます。 HTML Web ページにデフォルトのものがロードされるため、問題が発生する可能性があります。 @font-face のようなスタイルを使用して Web ブラウザーで外部フォントを呼び出すと、ユーザーがテキストを使用するたびに、CSS で完全に使用されるフォントを割り当てた特定のフォントスタイルに自動的に変換されます。フロントエンドの見えない側。一部の種類のブラウザでは、Web ページにカスタムフォントが読み込まれるのを待機します。 Web ページの読み込みには時間がかかる場合があります。通常、Web ページが表示されるまでに 3 秒かかります。
safari、Android ブラウザ、Blackberry モバイルブラウザなどの Webkit タイプのブラウザでは、Web ページの読み込みに最大 30 秒かかることがあります。場合によっては、カスタムフォントが使用可能なサイトに何らかの障害を引き起こす可能性があります。 CSS スタイルを使用すると、他のファイルをダウンロードした場合でも、外観がより柔軟で使いやすくなり、Web ページでの見た目も美しく、非常に使いやすくなります。
ほとんどのブラウザでは、デフォルトのフォントサイズは 3 で、ほとんどの Web サイトでは、テキスト値は 2 ～ 3 の範囲になります。各ブラウザや Web サイトと比較すると異なる場合があります。フォントサイズは、1. 絶対サイズと 2. 相対サイズの 2 つの異なるカテゴリに宣言されます。絶対サイズの範囲は 1 ～ 7 です。ユーザーのブラウザの互換性により、値は異なります。フォントサイズの宣言後にフォントのサイズを変更することもできます。これは、Web ページ内のユーザーテキストに影響します。また、ユーザーの好みに合わせて、テキストサイズがユーザーの期待とは多少異なって表示されます。それは、高いように表示されます。非常に高いテキストまたは低いテキストは、上記のタイプとして表示されます。フォントサイズを非常に短く設定すると、ユーザー側で Web ページを読むのが難しくなります。
長いフォント長を使用すると、Web ページは別のページからの続きになります。ユーザーは、フロントエンドに必要なナビゲーションとして Web ページをスクロールすることもあります。テキストのフォントサイズはユーザー側で決定されるため、ユーザーの視点が選択され、フロントエンドでは通常の表示とより洗練された外観が表示されます。私たちが Web ページを作成するときは常に、www コンソーシアムでアクセスできるようにすることを目的としています。そうすれば、Web ページをグローバルに表示できるようになります。
一般に、フォントフェイスの値は「Times New Roman、Comic sans MS、Arial、Calibri」などの固定されたものになります。「 Schriftart」このフォントは、Web ページのドキュメントで使用されます。 face 属性を使用してフォントフェイスを設定できますが、フォントスタイルはユーザーの PC にインストールする必要があるため、ユーザーがログインしてブラウザでページを表示しない場合は、フォントスタイルのみが設定されることにも注意する必要があります。ブラウザ画面に表示されます。フォントがインストールされていない場合、ユーザーには、PC にすでにインストールされているデフォルトのフォントを使用して画面が表示されます。

HTML Schriftart の実装例

以下に挙げる例を示します:

例 #1

コード:

<html>
<body>
<font size="19">Welcome</font><br />
<font size="20">To</font><br />
<font size="33">My Domain</font>
</body>
</html>

ログイン後にコピー

出力:

HTMLフォント

Example #2

Code:

<html>
<body>
<font size="-19">Welcome</font><br />
<font size="+20">To</font><br />
<font size="-33">My Domain</font>
</body>
</html>

ログイン後にコピー

Output:

HTMLフォント

Example #3

Code:

<html>
<body>
<basefont face="Times New Roman,arial, verdana, sans-serif" size="3" color="green">
<p>Welcome</p>
<h2>To My Domain</h2>
<p><font size="+23" color="pink">
Welcome User
</font></p>
<p><font face="Calibri" size="-18" color="Red">
Welcome To My Domain
</font></p>
</body>
</html>

ログイン後にコピー

Output:

HTMLフォント

Explanation to the above examples: In the above three examples, we discussed the font sizes with different ranges; the above three outputs are executed in the chrome browsers the font size whatever we mention in the code it will be displayed in the browser the final example we have seen the font size, styles, and colors.

Conclusion

We have seen the html schriftart(font) is angerman language fonts; we will use the fonts to translate the html predefined tags to convert the german language, but the functionalities of the fonts are to be the same as we discussed in the font features, colors, and sizes. In CSS, it will declare in the font style attributes it will mention all the font behaviors.

以上がHTMLフォントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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