2012-03-09 86 views
11

字體面,我使用的是最新版本的谷歌瀏覽器,它不會在所有渲染字體。@不工作的鉻

我運行Debian的Linux,和所有其他的瀏覽器,包括鉻,節目包括字體正常。

我使用的字體臉聲明:

@font-face { 
    font-family: Dejaweb; 
    src: url('DejaWeb.ttf'); 
} 

@font-face { 
    font-weight: bold; 
    font-family: Dejaweb; 
    src: url('DejaWeb-Bold.ttf'); 
} 
+0

您是否嘗試過使用引號? 'Dejaweb' – henryaaron 2012-03-09 21:46:51

+0

試了一下,現在,沒有骰子:( – 2012-03-09 21:50:29

+0

可以爲您提供一個鏈接到這是發生 – tybro0103 2012-03-09 21:52:56

回答

2

試試這個

src:url('DejaWeb-Bold.ttf') format('truetype'), 

此外,如果字體是在其他不同的格式可從哪裏獲得這些話,我建議寫所有的兼容跨瀏覽器通過以下方式

@font-face { 
    font-family: "Dejaweb"; 
    src: url("DejaWeb-Bol.eot") format('embedded-opentype'), /* EDIT correction on this line */ 
    url('DejaWeb-Bol.woff') format('woff'), 
    url('DejaWeb-Bol.ttf') format('truetype'), 
    url('DejaWeb-Bolsvg#') format('svg'); 
    font-weight:bold; 
    font-style:normal; 
    } 
5

如果你把你的字體文件的文件夾命名爲「字體」,並命名爲「風格」的文件夾在你的CSS文件,那麼你應該寫的網址這樣

@font-face { 
font-weight: bold; 
font-family: Dejaweb; 
src: url('../fonts/DejaWeb-Bold.ttf'); } 

我只是修正了同樣的錯誤是這樣的。

6

每當@字體面莫名其妙地不爲我的所謂兼容的瀏覽器工作,我在.htaccess文件中刪除此。假設某些瀏覽器不會加載託管在其他域上的字體,並且這一部分代碼會對此進行故障排除,但有時這是強制加載託管在同一域中的字體的唯一補救措施。一般來說,Firefox比Firefox更像一個問題,但我現在只是使用它在Chrome中強制使用字體,而Firefox工作正常。去搞清楚。

<FilesMatch "\.(ttf|otf|eot)$"> 
<IfModule mod_headers.c> 
Header set Access-Control-Allow-Origin "*" 
</IfModule> 
</FilesMatch> 

我曾與@字體面的語法發生另一個令人費解的奇怪的是,它會不會在名稱帽正確加載字體文件。這只是一個問題,並經過我的頭反對桌面故障排除@ font-face一堆不同的方式後,作爲最後的手段,我把所有的字體文件和字體家族名稱更改爲小寫字符,它工作正常(我認爲這是一個永遠挑剔的IE瀏覽器的問題,只有一個網站我在做,在另一個網站上完全相同的語法在大寫和小寫字符下工作得很好)。

0
@font-face {  
font-family: 'FONT-NAME'; 
src: url('RELATIVE-FONT-URL') format('FONT-FORMAT'); 
} 

div { 
    font-family: 'FONT-NAME'; 
    font-weight: normal; 
    font-style: normal; 
} 

添加字體重量和字體風格與價值的正常工作對我來說。