html - CSS フォントフェイスを定義するには?

Question

フォントフェイスの定義を見つけたので、知りたいです:

1. ローカルは何を定義しますか?

2. font-weight と font-style の違いは何ですか?

CSS

 @font-face {
font-family: 'FontinSans';
src: local('...'), url('fontin_sans_regular.woff') format('woff');
font-weight: normal;
font-style: 400;
}

Answer 1

ここにあなたの解決策があります：

1. local()は、コンピューターからフォントを取得します。マシンに既に存在するフォントが優先されることを意味します。

   フォントフェイスについてより明確にするためにこれを読んでください

2.font-weightはフォントをシャープに表示するために使用されます。薄い...薄い...通常の..太い..太字 font-styleはイタリック..通常の..斜めのように表示されます

Answer 2

@font-face の正しい使い方:

@font-face {
font-family: 'FontinSans';
src: url('fontin_sans_regular.eot'); /* IE9 Compat Modes */
src: url('fontin_sans_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fontin_sans_regular.woff') format('woff'), /* Modern Browsers */
     url('fontin_sans_regular.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('fontin_sans_regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

なぜローカル？:

@font-face 手法を使用する場合のわずかな欠点の 1 つは、新しいフォントがブラウザーに読み込まれるときに空白スペースが表示されることです。これは、システムにそのフォントをネイティブに既に持っているユーザーには特に必要ありません。

これを回避する方法は非常に簡単です。local() を使用して、最初にフォントがユーザーのシステム上にあるかどうかを確認します。

Font Style : font-style プロパティは、テキストのフォント スタイルを指定します。

normal      The browser displays a normal font style. This is default.
italic      The browser displays an italic font style.
oblique     The browser displays an oblique font style.

Font Size : font-size プロパティは、フォントのサイズを設定します。

値は次のとおりです。

xx-small    Sets the font-size to an xx-small size.
x-small     Sets the font-size to an extra small size.
small       Sets the font-size to a small size.
medium      Sets the font-size to a medium size.
large       Sets the font-size to a large size.
x-large     Sets the font-size to an extra large size.
xx-large    Sets the font-size to an xx-large size.
smaller     Sets the font-size to a smaller size than the parent element.
larger      Sets the font-size to a larger size than the parent element.

Font Weight : font-weight プロパティは、テキスト内の文字をどの程度太くまたは細く表示するかを設定します。

値は次のとおりです。

normal  Defines normal characters. This is default
bold    Defines thick characters.   
bolder  Defines thicker characters.     
lighter Defines lighter characters.     
100
200
300
400
500
600
700
800
900

乾杯..

Answer 3

local() は、ユーザーのコンピューターに既にインストールされているフォントを使用しようとします。

font-weight はフォントの太さを定義し、font-style はフォントを斜体で表示することを可能にします。