ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLフォント
HTMLフォント
- WBOYオリジナル
- 2024-09-04 16:53:161075ブラウズ
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>
出力:
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:
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:
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 サイトの他の関連記事を参照してください。