2012-01-07 33 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上傳到您的字體文件夾。