CSSで極薄の「font-weight」（100未満）を設定するにはどうすればよいですか？

Question

は、私はあまり

font-weight: 100 

よりも、テキストは超薄型にしたいCSSで行うことが可能ということですか？この似ていますが、ヘルベチカと

：あなたがここにフォントを見つけることができます

Answer 1

..：https://www.facebook.com/RITCreative/app/208195102528120/は

代わりに魔法のようにリアルになることは不可能でフォントの太さを期待しての、自分自身を作るためにFont Forgeを使用フォント。

MacにはHelvetica Nueがインストールされています。

とにかくGoogleのフォントを見て、Filters：太さはRobが提案したものと同じです。

Answer 2

表示されるフォントの重さは、選択したフォントで使用可能でなければなりません。フォントウェイトがそのセットに存在しない場合は、CSSで選択することはできません。そのため、選択したフォントでどのようなウェイトが使用可能であるかを調べる必要があります。そのようなものは、例えばGoogle Fontsに記載されていますが、フォント会社は通常、無料であれ購入していてであれ、利用可能なウェイトをリストしています。

たとえば、Open Sansは最も軽い重みを300と表示します。100に設定すると、300に設定する場合と100以上の違いはありません。

これにもかかわらず、体重を100未満に設定したいとします。ただし、100未満はthe CSS standardの部分ではありません。そうではありません。

Answer 3

ウェブフォントを扱うときに、CSSのフォントの重みが "フォントを薄くする"（または太字に）しません。ロードされていないURLフォントの場合、font-weightの値は極薄から余分な太字にマッピングされますが、カスタムフォントの場合、「@ font-faceバインディングはどんなものであっても構わない」という意味です。複数の重みを持つフォントファミリ。

次は3 weightssを使用するWebフォントのためのCSS宣言ですが、フォントの太対フォントリソースをよく見て持っている：

@font-face { 
    font-family: "Helvetica Neue"; 
    font-weight: 800; 
    src: url(helveticaneue-ultrathin.woff); 
} 

@font-face { 
    font-family: "Helvetica Neue"; 
    font-weight: 400; 
    src: url(helveticaneue-regular.woff); 
} 

@font-face { 
    font-family: "Helvetica Neue"; 
    font-weight: 100; 
    src: url(helveticaneue-ultrathin.woff); 
} 

これは、と、私たちに1 CSS-宣言したフォントファミリを提供します3つの定義された重み（100,400、または800以外の値を使用すると、未定義の動作につながります）。今度はこれらの重みのうちの2つは、同じフォントリソースを指しています。

次のコードでは、CSSは、事前に定義されたフォントのために、通常、「かなり気ボールド」を意味体重800を使用していても、極薄のフォントを使ってテキストのスタイルを設定します：

<p style="font-family: 'Helvetica Neue'; font-weight:800">This is thin!</p> 

ですから、superduperを使用する場合薄いフォント：それのために行ってください。しかし、これはCSSフォントウェイト値とは関係がなく、値との関係はすべて、@ font-faceルールでに割り当ててからfont-use-CSSで使用します。