Кто-нибудь знает, как использовать генератор набора шрифтов Font Squirrel @ font-face или что-то подобное для вывода варианта шрифта, т. Е. Жирного варианта?@ font-face для варианта шрифта
Я использую Gill Sans на своем веб-сайте и настроен на «font-weight: 900» или «font-weight: bold», который отлично смотрится на моей машине, потому что у него установлен шрифт. Но если я просто вставляю шрифт, созданный Font Squirrel, я получаю только «обычный» вариант, а «полужирный» отображается неправильно.
Кто-нибудь знает способ вставки смелого варианта шрифта?
Существует только один файл для Gill Sans, и когда я загрузить его, вот что шрифт Белка дал мне:
@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;
}
Ничто не смел даже тогда, когда я раздеть все шрифту Familys и шрифтами-папье из нигде в моих таблицах стилей. Все просто появляется как Gill Sans Regular.
Возможный дубликат [Как определить полужирный, курсив с использованием @ font-face] (http://stackoverflow.com/questions/2436749/how-to-define-bold-italic-using-font-face) – kennytm