不应该使用与空格相同的宽度进行渲染？

时间：2018-03-11 20:26:54

标签： html letter-spacing

当我在Firefox（Arch Linux）中打开以下小html文档时，它呈现如下：

enter image description here 

return React.createElement(
                'div',
                { className: 'fancy-button',
                    style: buttonStyle,
                    onClick: () => window.location.href = "index2.html",
                    ref: 'fancyButton' },

我相信情况并非总是如此，我认为<!DOCTYPE html> <html> <head> <title>Title</title> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/> <style> /* * { font-family: Noto Sans UI } */ /* * { font-family: DejaVu Serif } */ /* * { font-family: Bitstream Vera Sans } */ * { font-family: Bitstream Vera Serif } </style> </head> <body> Foo&nbsp;Bar<br> Foo Bar </body> </html> 应该与“普通”空间一样呈现。显然，事实并非如此。那么，我如何创建一个宽度与空间相同的非破碎空间呢？

编辑显然，当我使用 Bitstream Vera Sans 或 Serif 时就是这种情况。当我使用 Noto Sans UI 或 DejaVu Serif 时，两个空格都会以相同的方式呈现。

0 个答案:

没有答案
相关问题
最新问题