2012-01-07 64 views
0

可能重复:
@font-face fonts only work on their own domainFirefox无法加载@ font-face?

我一直对我的博客模板,我使用@字体面,但似乎字体不加载在Firefox。但它确实在Chrome,IE,Safari浏览器

下面是我用

@font-face { 
    font-family: 'BebasNeueRegular'; 
    src: url('https://sites.google.com/site/directorybesttheme/font/BebasNeue-webfont.eot'); 
    src: url('https://sites.google.com/site/directorybesttheme/font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), 
     url('https://sites.google.com/site/directorybesttheme/font/BebasNeue-webfont.woff') format('woff'), 
     url('https://sites.google.com/site/directorybesttheme/font/BebasNeue-webfont.ttf') format('truetype'), 
     url('https://sites.google.com/site/directorybesttheme/font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

任何想法,为什么和如何解决@字体面?

回答

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

我使用的代码和它的作品。不要忘记将fontkit上传到您的字体文件夹。