我的情況是,我必須創建一個實物時尚雜誌的網絡版。雜誌封面有5種不同風格的5種不同的字體。性能方面,我應該使用@ font-face還是應該用Javascript和HTML畫布「繪製」文本?性能方面,我應該使用@ font-face還是應該用Javascript和HTML畫布「繪製」文本?
編輯:網頁版本的目標是iPad,我會建立網絡應用程序,然後使用PhoneGap,所以我可以提交應用程序到應用程序商店。
我的情況是,我必須創建一個實物時尚雜誌的網絡版。雜誌封面有5種不同風格的5種不同的字體。性能方面,我應該使用@ font-face還是應該用Javascript和HTML畫布「繪製」文本?性能方面,我應該使用@ font-face還是應該用Javascript和HTML畫布「繪製」文本?
編輯:網頁版本的目標是iPad,我會建立網絡應用程序,然後使用PhoneGap,所以我可以提交應用程序到應用程序商店。
只有假設可關於這個答案作出,因爲這麼多的依賴於:
就我個人而言,我會堅持使用CSS,因此我喜歡僅將我的內容(HTML),演示文稿(CSS)和邏輯(JavaScript)分開!
CSS的渲染速度通常比canvas元素要快。我想象不同瀏覽器的確切性能,但是您可以檢查this link來比較使用CSS和canvas的相同操作。
在我的電腦,這是結果(它不是字體,但它可以作爲參考):
我會用@ font-face – melanke
去但是你仍然需要加載CANVAS文本的字體文件,不是嗎? –
@ŠimeVidas是非常好的一點 - 同樣,你將通過使用CANVAS元素來顯示文本來限制可訪問性。這應該避免,尤其是對於基於文本的媒體網站。 – rlemon