确保unicode数字形式,下标,方框图和几何形状字符的固定宽度

Question

我一直在用unicode绘制量子电路,如下所示:

         ??H????????????????????
                 ?            ?   
??H??????????????X????????????????
    ?                         ? ? 
    ?                       ??XXX??????
    ?                         ??  
????X????????????X?/?????????????
                 ?            ?
         ??H????????????????????

正如你所看到的,我是在统一的优势箱图纸,下标,几何形状和数字形式的字符.也是好的ascii角色,但他们表现得非常好.

问题在于,当我将上述内容粘贴到文本区域时font-family: monospace,它可能会或可能不会将元素排成一行.使用我的Ubuntu计算机上的Chrome可以正常工作,但在我的Windows计算机上使用Chrome时,下标会略微缩小.抛弃了对齐,打破了电路,所以事物不再在视觉上连接.截图:

如何确保这些小图在主要浏览器和平台上排列？

在<pre>和<code>标签似乎工作好了,但我想编辑这些图表就地.我可以在textareas中使用那种造型吗？

我只需说font-family: no-like-REALLY-monospace-please-browser-spend-cpu-fixing-any-oversights吗？

如何使用GNU Unifont等自定义字体？我该怎么办？考虑到这样的完整字体有多大,它会有多贵？

注意:还有其他一些关于unicode和monospacing的问题,比如这个问题.大多数答案都是"unicode非常大,所以并非所有角色都能正常工作!" 并且"这是一个可能覆盖它的巨大字体!".我不认为那些不能解决我的问题,因为我不希望客户端下载兆字节大小的字体,我只需要一小部分unicode字符即可工作.

Answer 1

如果 GNU Unifont 按照您想要的方式运行，并且您确定（或非常接近确定）电路图所需的完整字符集，则可以最大限度地减少“费用”（数据大小方面）通过使用FontSquirrel或其他类似的服务，或者可能使用像FontForge这样的字体开发应用程序，将 GNU Unifont 子集化为所需的字符集，并将其用作网络字体（CSS @font-face 规则）。

我想你肯定会想要这样做，因为完整的 Unifont 是 12 MB，从你的描述来看，你几乎肯定不需要该字体中包含的所有内容（事实上，只需要其中的一小部分）。