1

我知道尝试固定显示通常是网页设计的禁忌,但请听我说!

我正在为我运行的论坛开发类似白板的附加功能。长话短说,这个想法是用户可以像往常一样用文本和 bbcode 输入他们的帖子,然后在他们的文本之上建立一个托管画布,用鼠标在上面涂鸦,点击提交,然后涂鸦会出现在他们的帖子顶部。服务器将图像处理为透明背景 png,然后将其正确对齐到文本中。

所以我实际上让后端处理和前端接口都可以很好地协同工作。剩下要做的唯一部分是显示,其中处理后的涂鸦与文本顶部对齐。而且,要使其正常工作,文本上的图像对齐需要非常精确。例如,如果用户圈出或划掉一个词,并且文本没有以相同的方式呈现给另一个用户,那么最终结果将是错误的。所以,我认为我需要锁定文本显示。这有点烦人,因为现在一切都非常流畅,但是嘿,这将是一个非常酷的功能,对吧?所以,我已经固定了显示后框的宽度,但我对如何处理字体感到困惑——如何设置大小、面、字母间距、行间距、

有没有人有任何想法?如果有帮助,我根本不关心 IE 或移动显示...

4

1 回答 1

0

字距调整将是您最大的问题,但是通过查看 fontsquirrel 上 font-face 可用的等宽字体应该很容易,这样的事情应该可以做到

http://www.fontsquirrel.com/fonts/CPMono_v07

等宽字体应该具有相同的字母间距。

您可以使用 letter-spacing:、line-height: 和 font-size: css 类获得更好的控制

希望这是一些帮助。

于 2011-12-08T00:43:35.043 回答