ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSにフォントファイルを導入する方法

CSSにフォントファイルを導入する方法

青灯夜游
青灯夜游オリジナル
2021-02-25 14:01:5619487ブラウズ

CSS では、「@font-face」ルールを使用してフォント ファイルを導入できます。構文形式は「@font-face{font-family:"カスタム フォント名";src:"フォント」です。導入する必要があるのは、ファイル「;}」の URL パスです。

CSSにフォントファイルを導入する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

一部のフォントはブラウザ自体に搭載されていません。フォントをカスタマイズするには、フォント パッケージをダウンロードしてインポートする必要があります。 CSS では、@font-face ルールを使用して外部フォントを導入できます。

HTML 要素にフォントを使用するには、font-family 属性を通じてフォント名 (myFirstFont) を参照します。

カスタム フォントを追加します。

①: まず必要なフォントをダウンロードする必要があります

##②: ダウンロードしたフォント ファイルをフォント フォルダーに置きます (フォント フォルダーは css と同じレベルにあることをお勧めします)および画像フォルダー))

[推奨チュートリアル:

CSS ビデオ チュートリアル]

③: フォントのインポート (@font を使用できます) -face を使用して HTML ファイルにフォントを直接導入します。以下に示すように、それらはそれぞれフォント名とパスです)

このようにして、フォントを直接設定できます以下に示すように、設定する必要があるテキスト


プログラミング関連の知識については、

プログラミング ビデオをご覧ください。 !

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

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