我知道尝试固定显示通常是网页设计的禁忌，但请听我说完!
我正在为我运行的论坛开发一个类似白板的插件。长话短说，这个想法是用户可以像往常一样用文本和 bbcode 键入他们的帖子，然后在他们的文本之上创建一个托管 Canvas ，用鼠标在上面涂鸦，点击提交，然后涂鸦将出现在他们的帖子之上。服务器将图像处理为透明背景 png，然后将其正确对齐到文本中。
所以我实际上让后端处理和前端界面一起工作得很好。剩下要做的唯一部分是显示，其中处理过的涂鸦与文本顶部对齐。而且，为此，文本上的图像对齐需要非常精确。如果用户，比如说，圈出或划掉一个词，并且文本没有以相同的方式呈现给另一个用户，最终结果将是错误的。所以，我认为我需要锁定文本显示。这有点烦人，因为现在一切都很流畅，但是，嘿，这将是一个非常酷的功能，对吧？所以，我已经固定了后显示框的宽度，但我对如何处理字体感到困惑 - 如何设置大小、字体、字母间距、行间距等，以便显示对于不同用户在不同计算机上的不同显示器上尽可能固定。
有人有什么想法吗？如果有帮助，我根本不关心 IE 或移动显示...
最佳答案
字距调整将是您最大的问题，但通过查看 fontsquirrel 上可用于 font-face 的等宽字体应该很容易，像这样应该可以做到这一点
http://www.fontsquirrel.com/fonts/CPMono_v07
等宽字体应具有相等的字母间距。
您可以使用 letter-spacing:、line-height: 和 font-size: css 类获得更好的控制
希望对您有所帮助。
关于css - 需要为 html5 注释 Canvas 应用程序制作固定间距字体的建议，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8361329/