2012-04-05 5 views
2

Я интегрирую css в приложение JSF2 и что-то не работает с шрифтами. Это, как я попробовать:Интеграция шрифтов

Шрифты в WebContent/ресурсов/шрифтов (на Eclipse.) В том же каталоге, у меня есть файл stylesheet.css, и я объявляю начертания шрифта, как это:

@font-face { 
font-family: 'TitilliumText22LRegular'; 
src: url('titilliumtext22lregular-webfont.eot'); 
src: url('titilliumtext22lregular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('titilliumtext22lregular-webfont.woff') format('woff'), 
    url('titilliumtext22lregular-webfont.ttf') format('truetype'), 
    url('titilliumtext22lregular-webfont.svg#TitilliumText22LRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

подключиться к таблице стилей с этим в header.xhtml моего приложения:

<h:outputStylesheet library="fonts" name="stylesheet.css"/> 

класс элемент CSS, который пытается подключиться к этому в ресурсы/CSS и называется style.css. Сам класс:

.time { 
    font: 19px 'TitilliumText22LRegular'; 
    text-transform: uppercase; 
    line-height: 1.8; 
    white-space: nowrap; 
} 

За все, что я могу сказать, это должно сработать. Но это не так. Что я делаю не так?

+0

Этот вопрос не имеет ничего общего с JSF. Это чистый CSS. Я бы проверил (с любым средством HTTP-сниффер трафика), если ваши файлы шрифтов доступны для браузера. – DRCB

ответ

6

Вы пытались не использовать сокращенный шрифт? Попробуйте просто использовать font-family: 'TitilliumText22LRegular'; и посмотреть, что произойдет?

+0

font-family сделал это. Благодаря! – Herzog

+0

На самом деле, hcharge, теперь шрифт найден, но кажется, что размер не поймает. Итак, в font-family: 10px 'TitilliumText22LMedium'; 10px не влияет. Я могу сделать 48 или 8, это всегда одинаковый размер (похоже, 22 ...) Любая идея? – Herzog

+1

вам нужно добавить шрифт отдельно ... так было бы font-family: 'TitilliumText22LRegular'; Размер шрифта: 10 пикселей; – hcharge

Смежные вопросы