2013-05-11 75 views
3

我可以用@ font-face嵌入自定義字體。但是當頁面保存在我的電腦上被視爲本地時,字體不會被保存。
我嘗試過使用Firefox,Chrome和Safari。問題總是一樣的。包含@ font-face保存頁面爲

我該如何強制將保存頁面的字體嵌入爲?

+6

您可以將自定義字體作爲base64數據直接嵌入到字體樣式表中;這樣它將不得不與樣式表一起保存。 – Greg 2013-05-11 23:49:29

回答

1

謝謝@PartiallyFinite,這是主意!

訂購鏈接調用都是重要的,所以我後我的@字體面CSS屬性:

@font-face { 
    font-family: "my_custom_font"; 
    src: url('my_custom_font.eot'); 
    src: url('my_custom_font.eot?#iefix') format('embedded-opentype'), 
     url(data:font/truetype;charset=utf-8;base64,AAA...AAA=) format('truetype'), 
     url('my_custom_font.woff') format('woff'), 
     url('my_custom_font.ttf') format('truetype'), 
     url('my_custom_font.otf') format("opentype"), 
     url('my_custom_font.svg#my_custom_font') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
    font-variant:normal; 
} 

注:
url(data:font/truetype)已經到了.woff之前,所以Firefox的使用base64代替.woff

測試Firefox 20.0,Google Chrome 26.0.1410.65,Safari 6.0。