我的情况是我必须创建实体时尚杂志的网络版本。杂志封面有5种不同的字体,5种不同的风格。性能方面,我应该使用 @font-face 还是应该使用 Javascript 和 HTML 画布“绘制”文本?
编辑:Web 版本针对 iPad,我将构建 Web 应用程序,然后使用 PhoneGap,以便我可以将应用程序提交到 App Store。
我的情况是我必须创建实体时尚杂志的网络版本。杂志封面有5种不同的字体,5种不同的风格。性能方面,我应该使用 @font-face 还是应该使用 Javascript 和 HTML 画布“绘制”文本?
编辑:Web 版本针对 iPad,我将构建 Web 应用程序,然后使用 PhoneGap,以便我可以将应用程序提交到 App Store。
关于这个答案只能做出假设,因为很大程度上取决于:
就我个人而言,我会坚持使用 CSS,我喜欢将我的内容 (HTML)、演示文稿 (CSS) 和逻辑 (JavaScript) 分开作为指南!
CSS 通常比画布元素渲染得更快。我想确切的性能因浏览器而异,但您可以检查此链接以比较使用 CSS 和画布的相同操作。
在我的电脑中,这是结果(它不是字体,但它可以作为参考):