2010-03-02 47 views
1

我必須在網站中實現自定義字體,應該使用什麼。客戶端提供自定義字體。@ font-face或sIFR 3?

  • 所有瀏覽器的支持(包括IE6,並在所有A Grade Browsers
  • 文本的可選
  • 選擇可見
  • 殘疾人專用屏幕閱讀
  • 成功降解的,如果JS是 禁用
  • 容易實現並在更短的時間內管理
  • 兼容手機瀏覽器
  • 性能問題
  • 沒有購買所需
  • 可以用作鏈接也
  • 字體看起來應該光滑如在 Photoshop中

還是有它擁有所有的任何其他更好的和免費的解決方案少這些東西?

+0

雖然發牌的問題帶有兩個我知道在這兩種方法中,我們會公開分享的字體,這樣字體的sIFR的SWF如果我們使用sIFR的和TTF/OTF/EOT如果我們使用@ font-face。 – 2010-03-02 11:29:44

回答

0

@ font-face不像您希望的那樣支持IE6。所以如果這是你的要求,不要使用它。

瀏覽器的一致性也與@字體面

+0

IE6有什麼問題? – 2010-03-02 11:34:18

+0

哪些瀏覽器不支持@ font-face face? – 2010-03-02 11:35:53

+0

他還說'字體應該看起來像Photoshop一樣平滑'。 IE6中不會發生。 在IE中你應該使用EOT。他們是一個可以合作的地方。 – douwe 2010-03-02 11:38:36

0

一個很大的問題,我想你會得到更好的服務考慮使用圖像與選擇性ALT標記,並依託良好的使用和高品位的標準字體。

+0

圖片需要設計輸入 – 2010-03-02 18:14:54

2

爲什麼不使用bulletproof @ font-face語法as described by Paul Irish,並使用條件IE標籤中的備用樣式和javascript備份它?

IE:

<style type="text/css"> 
... 
@font-face { 
    font-family: 'Graublau Web'; 
    src: url('GraublauWeb.eot'); 
    src: local('Graublau Web Regular'), local('Graublau Web'), 
     url('GraublauWeb.otf') format('opentype'); 
} 
... 
</style> 
<!--[if lte IE 6]> 
<link type="text/css" rel="stylesheet" href="ie_6styles.css" /> 
<script type="text/javascript" src="Cufon.js"></script> 
<script type="text/javascript"> 
    Cufon.init(); 
</script> 
<![endif]--> 

你的要求不是由這個設置滿足了蝙蝠的唯一部分是全線的移動兼容性。一旦你確定了你想要支持的平臺,這個解決方案應該足夠可擴展,以支持所有平臺。

+0

目前還沒有解決方案可以滿足您的所有需求。一切都是取捨。但是,如果你從適當的CSS(@ font-face)開始並根據需要進行備份,就像肖恩所說的那樣,你正處在正確的軌道上。 – 2010-03-03 21:42:17

1

如果我是你,請使用@ font-face並向舊瀏覽器提供javascript解決方案(如cufón)。

  1. 使用fontsquirrel
  2. javascript filter
+0

我甚至不知道有什麼東西是@ font-face,而且我一直忍受着sIFR:O – 2011-03-02 21:20:31