鉻字體問題

Question

我通過堆棧溢出搜索，但未能找到解決方案，我面臨的問題...我相信很多人也面臨同樣的問題，但我不知道爲什麼他們的解決方案可以'在我的工作。

問題： 這是關於@ font-face的。

的CSS代碼：

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

} 

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

} 

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

} 



@font-face { 
font-family: 'MyriadProBlack'; 
src: url('fonts/myriadpro-black-webfont.eot'); 
src: url('fonts/myriadpro-black-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/myriadpro-black-webfont.woff') format('woff'), 
    url('fonts/myriadpro-black-webfont.ttf') format('truetype'), 
    url('fonts/myriadpro-black-webfont.svg#MyriadProBlack') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

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

} 

有誰知道如何使這項工作，爲谷歌瀏覽器，讓我的字體才能生效？

Answer 1

嘗試使用的字體松鼠字體面發生器：

http://www.fontsquirrel.com/fontface/generator

它會給你所有的一切可能的瀏覽器正確的CSS。

Answer 2

你所做的只是設置你的字體，以便它們可以在你的css文件中使用。您需要將字體應用於您想要設計的任何文本。您可以像使用其他網頁安全字體時那樣執行此操作。

例如。

.yourElement { 
    font: 30px JaguarJCBold; 
}