2010-10-28 4 views
0

Кто-нибудь знает, как использовать генератор набора шрифтов 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.

+1

Возможный дубликат [Как определить полужирный, курсив с использованием @ font-face] (http://stackoverflow.com/questions/2436749/how-to-define-bold-italic-using-font-face) – kennytm

ответ

1

Я только что получил электронное письмо от Font Squirrel: генератор не разбивает файлы .dfont в текущей версии, так что это объясняет.

+0

В Если кто-то еще использует Font Squirrel и имеет эту проблему, есть действительно отличный конвертер на http://peter.upfold.org.uk/projects/dfontsplitter, который разделит файл, и оттуда вы сможете создать набор для любого варианта твой выбор. – tcmulder