问题标签 [monospace]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Jupyter 笔记本等宽字体在 Safari 中无法正确呈现
当我在 Safari 中使用 Jupyter notebook 时，我发现等宽字体（无论是在单元格中还是在输出结果中）都无法正确呈现。它们没有使用等宽字体，而是简单地以 San Serif 字体出现。但是，如果我在 Chrome 中打开同一页面，则显示 monospcace 字体没有问题。我没有更改 Safari 中的 CSS 设置。Safari 如何正确显示 Jupyter notebook 中的字体？
r - R：如何在 grid.table 中使用等宽（固定宽度）字体？
我想以等宽（固定宽度）字体显示我的 grid.table。
我该如何说明这一点？是否要使用任何特定的字体或任何其他参数？
谢谢
python - 如何使用 opencv 将 Monospace 字体插入图像中？
目前，我可以使用 openCV API (putText) 将一些 HERSHEY 字体的文本插入到图像中。但似乎 openCV 不支持任何等宽字体。
我想知道如何在图像中插入一些等宽或固定间距文本。
css - 为什么等宽字体设置为 80em 占用的文本少于 80 列？
我正在尝试使网页上的一些文本看起来像来自 Gopherspace 的页面。换句话说，等宽字体最多有 80 列。我想如果字体是等宽字体并且我将包含元素的宽度设置为80em，这会将它限制为完美的 80 列，因为在等宽字体中每个字符都应该是相同的宽度。
我添加的颜色只是为了更容易分辨出现换行符的位置。
如果这适用于某些浏览器/计算机而不适用于其他浏览器/计算机，这就是我在我的计算机上看到的，它在 Mac OS 10.14.3 上运行 Firefox 65.0.1。
为什么这个 div 几乎是 80 列文本大小的两倍，我该如何解决？
html - 垂直对齐等宽字体中的html实体字符？
有时，我需要在字符列垂直对齐的地方键入文本，最简单的方法当然是使用 font-family "monospace"、"Courier" 等。
不过，我注意到的是，许多 html 实体代码字符（表情符号等）并不总是符合这个固定的字体宽度，但仍会比普通字符更宽，并且在同一行上“推送”后续字符向右，尽管使用等宽。
这样的例子是：
♡= ♡ --- 在等宽中稍宽。
♛= ♛ --- 在等宽中太宽了。
♥= ♥ --- 这在我的 Windows 笔记本电脑上遵循等宽宽度，但在使用 android/chrome 查看时太宽了。
是否有任何修复/解决方法可以防止这种异常行为？
我在想，如果有办法“压缩”这些字符的宽度，以确保它们都与固定的字符宽度对齐，并且最好在不同的设备上统一工作？
还是其他可行的解决方案？
macos - VSCode 等宽字体不是等宽字体，如何解决这个问题？
不确定我是否在设置中搞砸了一些东西，即使文本编辑器设置中的所有字体都是等宽字体，但有些单词被渲染为非等宽字体，特别是对于“fi”，这两个字符似乎只占用一个空间，比如在“文件”、“修复”、“标识”等中。我应该怎么做才能解决这个问题？
我尝试了许多不同的字体并重新排列它们。目前字体系列设置是：Menlo，Monaco，'Courier New'，等宽字体，但问题永远不会消失。
macOS Mojave 版本 10.14.6
VSCode 版本：1.37.0
fonts - 如何在 Squeak 中设置更多字体大小？
我安装了Squeak 中DejavuSansMono的字体。ttf我想在Transcript和CommandShell中使用它。
注意：只需下载 ttf 文件，然后通过 Squeak FileList 应用程序加载它。
现在，如果我在Transcript中选择一些文本，然后右键单击 -> SetFont。我可以将字体更改为DejavuSansMono但只能更改为 size : {9, 12, 15, 24, 36 }。
我想要其他中间尺寸。可能吗？我对字体的了解很少，但我想是这样，因为在这个页面中我看到了尺寸：{10,14,18}。
css - 正文中断布局上的等宽字体
我使用Toast是为了在项目中拥有一个简单的网格系统。网站上的大部分文本都是等宽字体，所以我给了body这个字体，如下所示：
然后，我例如给两个 div 的类.grid__col.grid__col--2-of-4。这使两个 div 的宽度为 50%，它们应该彼此相邻出现。但是，在正文上设置等宽字体时，布局会中断。就好像这两个 div 是为了让它们彼此相邻而变宽一样。我可以手动设置width: 49.8%或与它们类似，这很有效。所以由于某种原因，等宽字体的 div 变得更宽。
代码笔： https ://codepen.io/tobiasger/pen/mdbwLrb
我以前从未遇到过这个问题。感觉就像一个错误，但也许这是预期的行为？我想知道是否有任何方法可以解决这个问题？
android - 在 Gmail Android 应用中正确呈现等宽文本
我正在尝试在 Android（版本 10）上的 Gmail 应用程序中正确显示以下图表。现在我有以下内容，它可以在浏览器和大多数客户端上正确呈现，但在应用程序中却没有。
HTML
CSS
编辑：我刚刚注意到这个问题中的图表也没有在浏览器中正确呈现。所以问题就变成了如何在 Android 上触发等宽渲染。
javascript - 使等宽文本尽可能大而不会导致溢出或换行
我正在寻找一种方法来使等宽文本在其容器中尽可能宽，但不会溢出或破裂。我已经看过CSS3 Make Text As Big as possible To FIll Element without Overflowing并尝试实施建议的解决方案，但它似乎不适用于我的情况。如果我将字体大小设置为3vw而不是7vw链接问题的答案中建议的那样，它似乎很接近，但是当我更改线条的长度或页面的宽度时，它又会关闭。
这是我的代码：
https://jsfiddle.net/de7qbu19/（fiddle里的代码是一样的）
当我运行该片段时，它似乎几乎占据了整个宽度：
但是当我单击该Full page选项时，很明显它没有并且它不可靠，尤其是当我减小窗口大小时：
因此，使用单位设置字体大小vw似乎对我没有用。
有什么想法可以正确实现吗？