集成字體

我正在將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; 
}

對於所有我可以告訴這應該工作。但事實並非如此。我究竟做錯了什麼？

來源

2012-04-05 Herzog

此問題與JSF無關。這是純粹的CSS。我會檢查（與任何HTTP流量嗅探器工具），如果您的字體文件可供瀏覽器訪問。 – DRCB 2012-04-05 13:10:10

你有沒有試過不使用速記字體？嘗試只使用font-family: 'TitilliumText22LRegular';，看看會發生什麼？

來源

2012-04-05 14:26:53 hcharge

font-family做到了。謝謝！ – Herzog 2012-04-05 14:35:31

實際上，hcharge，現在字體被找到了，但它看起來像大小沒有捕獲。所以在font-family：10px'TitilliumText22LMedium'; 10px沒有效果。我可以做48，或8，它總是相同的大小（看起來像22 ...）任何想法？ – Herzog 2012-04-05 14:45:45

你需要單獨添加字體大小...所以它應該是 font-family：'TitilliumText22LRegular'; font-size：10px; – hcharge 2012-04-05 14:47:47

回答

相關問題