具体案例，webfont或位图

Question

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

我试着转换这种字体我已经与cufon http://cufon.shoqolate.com/generate/，但它缩放非常糟糕。它变得非常模糊或扭曲。它最终会做，但并不完美。

所以我一直在想，因为我使用的是画布，如果我应该只使用一个包含所有字母和符号的spritesheet，因为在我的例子中只有少量的字母和符号，并且只会显示每一个字符串屏幕上使用这些字母精灵的文本。

这个解决方案会非常伤害性能吗？

我也在想，如果有可能改变字体的默认大小。我注意到每种字体都有一定的大小，并不是针对网页制作的，它在网页浏览器中完美显示。当我调整大小时，它开始扭曲。有没有可能以某种方式改变它？

Answer 1

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

普通字体是栅格图形......由固定像素组成，可缩放严重。

SVG是矢量绘图...由线条+曲线组成，可以很好地伸缩。

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

对于那些2浏览器，你将不得不学习一些关于在你的文档中嵌入SVG - 这并不难。您可以构建使用SVG字形数据构建文本输出的文本工厂。

这里是一个网站，将TTF字体转换成自己的SVG字形：

http://www.freefontconverter.com/

祝你的项目！