2014-01-24 64 views
0

我正在構建Firefox擴展。我需要幫助改變應用程序的字體。在MDN使用Google文檔,這裏Firefox附加字體更改

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

,我寫我的CSS如下:

@font-face 
{ 
font-family: family-name; 
src: url('OpenSans-Light.ttf'); 
} 
@font-face 
{ 
font-family: familynamebold; 
src: url('open-sans.regular.ttf'); 
} 

的字體文件存儲在同一目錄正試圖加載它們的CSS文件。當我運行擴展時,字體根本不會改變。在檢查元素時,CSS顯示font-family: familynamebold;,但我看不到字體本身的任何更改。

有沒有可能不加載字體文件?如果是這樣的話,那麼我應該怎樣爲Firefox加載文件呢?

+1

是否使用插件-SDK?您需要更改哪種字體 - 特定網頁上的某些元素? – Kashif

回答

0

這僅用於背景。例如,你想要構建插件的對話框。如果您希望在網頁上啓用它,則必須將javascript腳本注入到當前焦點選項卡中。

在這裏看到:http://blog.mozilla.org/addons/2011/09/01/add-on-sdk-faq-content-script-access/

而且像

document.head.appendChild(doucment.createElement("style").appendChild(doucment.createTextNode("you css here"))); 
+0

因此,這一行腳本將在應用程序內的所有頁面上? – Newtt

+0

不,僅在當前可見選項卡上。但是如果你改變標籤(事件驅動),它也會改變。 – alpham8

+0

那麼我到底在哪裏添加這一行?我很抱歉問,我看起來是一個微不足道的問題,但我不知道如何解決這個問題。 – Newtt