ローカルフォントの使い方

あなたがあなたのウェブサイトに使用したいかもしれない多くの大きなフォントがありますが、フォントは、あなたがGoogleフォントのような何かですることができるように、あなたがCSSファイルにインポートすることができるフォントでないかもしれません.
CSSにローカルフォントをインポートするには、Googleフォントのようなサイトからフォントをインポートするのとは少し異なります
例:

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

あなたは、我々がちょうどフォントURLを通過するこの構文を見たかもしれません.

ローカルフォントのインポート

現在、CSSファイルにローカル/ダウンロードフォントをインポートするには、CSSファイルで参照できるカスタムフォントプロパティを作成する規則で異なるCSSがあります.

@font-face 
{ 
font-family: "Open Sans";  
src: url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"); 
}

これは一見した単純ではっきりした構文で、フォント242479142を参照するための名前を与えています.また、フォントfont-family:とフォントsrc:の書式を比較します
あなたは再び大胆なまたは光のような同じフォントのさまざまなスタイルの同じ構文を使用することができます.
ここでは、フォントファミリ内の任意の名前を使用できます.
また、フォントを格納するためにあなたの資産フォルダーにフォントフォルダを作成するのは良い習慣でしょう.
参照と詳細な概要については、MDNのセクションをここで同じチェックアウトすることができます
あなたが私があなたの開発者友人とそれを共有するより、役に立つ私が共有する内容を見つけたならば