铬字体问题

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; 
}