Html 特定大小写、webfont或位图

我正在制作一个html5画布应用程序，我将使用像素艺术字体，它的大小将始终相同（对于移动设备，可能会增加大小）。我只需要大写，一些基本的标点符号和数字，总共50个符号

我试着用cufon转换这种字体，但它的缩放效果很差。它变得非常模糊或扭曲。它最终会成功，但并不完美

所以我在想，既然我使用的是画布，我是否应该使用一个包含所有字母和符号的精灵表，因为在我的例子中，字母和符号的数量非常少，然后制作一个脚本，用这些字母精灵在屏幕上显示每一串文本

这种解决方案会严重影响性能吗

---

我还在想是否可以更改字体的默认大小。我注意到，每种字体都有一定的大小，不是为web设计的，在web浏览器中可以完美地显示出来。当我调整大小时，它开始扭曲。是否可以以某种方式更改它？

如果您希望无失真缩放，请将字体转换为SVG。

普通字体是光栅图形…由比例不好的固定像素组成

SVG是矢量绘图…由比例非常好的直线和曲线组成

除Firefox和IE外，您可以在浏览器中直接使用SVG字体

对于这两种浏览器，您必须了解一些关于在文档中嵌入SVG的知识——这并不难。您可以构建一个文本工厂，该工厂使用SVG图示符数据构建文本输出

以下是一个将TTF字体转换为SVG字形的网站：

---

祝你的项目好运

我想说的是，最后我使用了带有字母的spritesheet，它在我的案例中运行得非常好，速度也非常快，我只有一个字体大小、样式和颜色。如果我有更复杂的情况，我会选择我接受的答案：）谢谢！