Font Squirrel @ font-faceキットジェネレーターなどを使用して、フォントのバリエーション、つまり太字のバリエーションを出力する方法を知っている人はいますか?
私は自分のWebサイトでGillSansを使用していますが、「font-weight:900」または「font-weight:bold」に設定されています。これは、フォントがインストールされているため、私のマシンでは見栄えがします。しかし、Font Squirrelによって生成されたフォントを埋め込んだだけでは、「通常の」バリアントしか取得できず、「太字」は正しく表示されません。
フォントの太字のバリエーションを埋め込む方法を知っている人はいますか?
Gill Sansのファイルは1つだけです。アップロードすると、FontSquirrelから提供されたものは次のとおりです。
@font-face {
font-family: 'GillSansRegular';
src: url('../fonts/gillsans-webfont.eot');
src: local('☺'), url('../fonts/gillsans-webfont.woff') format('woff'), url('../fonts/gillsans-webfont.ttf') format('truetype'), url('../fonts/gillsans-webfont.svg#webfontDATch26L') format('svg');
}
元のファイルには、太字や斜体などの情報が含まれていることは間違いありませんが、Font Squirrelでバリアントが削除され、「通常の」バリアントのみが残っているのではないかと思います。
すべてに太字を追加したとしても、どこにも太字で表示されません。
@font-face {
font-family: 'GillSansBold';
src: url('../fonts/gillsans-webfont.eot');
src: local('☺'), url('../fonts/gillsans-webfont.woff') format('woff'), url('../fonts/gillsans-webfont.ttf') format('truetype'), url('../fonts/gillsans-webfont.svg#webfontDATch26L') format('svg');
font-weight: bold;
}
スタイルシートの他の場所からすべてのフォントファミリとフォントの太さを削除しても、大胆なものはありません。すべてがGillSansRegularとして表示されます。