2012-11-14 60 views
0

我的情況是,我必須創建一個實物時尚雜誌的網絡版。雜誌封面有5種不同風格的5種不同的字體。性能方面,我應該使用@ font-face還是應該用Javascript和HTML畫布「繪製」文本?性能方面,我應該使用@ font-face還是應該用Javascript和HTML畫布「繪製」文本?

編輯:網頁版本的目標是iPad,我會建立網絡應用程序,然後使用PhoneGap,所以我可以提交應用程序到應用程序商店。

+0

我會用@ font-face – melanke

+0

去但是你仍然需要加載CANVAS文本的字體文件,不是嗎? –

+0

@ŠimeVidas是非常好的一點 - 同樣,你將通過使用CANVAS元素來顯示文本來限制可訪問性。這應該避免,尤其是對於基於文本的媒體網站。 – rlemon

回答

1

只有假設可關於這個答案作出,因爲這麼多的依賴於:

  1. 操作系統和瀏覽器,因爲它是操作系統和瀏覽器來完成HTML文檔的工作。
  2. 打開網頁的人的帶寬速度。使用CSS方法時,需要下載另一種資源(或多種字體資源)。是的,他們認爲這些影響不大。
  3. 畫布的侷限性如何?國際化,搜索引擎優化,與網站內容管理的整合,可訪問性等...儘可能多但需要努力。
  4. 最後,努力去做canvas和CSS的方法。我想像用CSS實現會更快。

就我個人而言,我會堅持使用CSS,因此我喜歡僅將我的內容(HTML),演示文稿(CSS)和邏輯(JavaScript)分開!

0

CSS的渲染速度通常比canvas元素要快。我想象不同瀏覽器的確切性能,但是您可以檢查this link來比較使用CSS和canvas的相同操作。

在我的電腦,這是結果(它不是字體,但它可以作爲參考): enter image description here

相關問題