性能方面，我应该使用@ font-face还是应该使用Javascript和HTML canvas“绘制”文本？

Question

我的情况是我必须创建一个物理时尚杂志的网络版。杂志封面有5种不同的字体，有5种不同的风格。性能方面，我应该使用@ font-face还是应该使用Javascript和HTML canvas“绘制”文本？

编辑：网络版是针对iPad的，我将构建网络应用程序然后使用PhoneGap，这样我就可以将应用程序提交到App商店。

Answer 1

只能对这个答案做出假设，因为这取决于：

1. 操作系统和浏览器，因为操作系统和浏览器可以完成HTML文档的工作。
2. 打开网页的人的带宽速度。使用CSS方法需要下载另一个资源（或者是字体的多个资源）。是的，同意这些日子的影响不小。
3. Canvas的局限性如何，例如国际化，搜索引擎优化，与Web内容管理的集成，可访问性等......尽可能多的努力，但需要努力。
4. 最后，努力做画布与CSS的方法。我想用CSS实现起来会更快。

就我个人而言，我坚持使用CSS，我只想将我的内容（HTML），演示文稿（CSS）和逻辑（JavaScript）分开guide！

Answer 2

CSS通常比canvas元素更快。我认为确切的性能因浏览器而异，但您可以检查this link以使用CSS和画布对相同的操作进行比较。

在我的电脑中，这是结果（它不是字体，但它可以作为参考）：