为什么在网页版 Monaco 编辑器中使用自定义字体时空格会发生变化？

Question

我们正在尝试使用 Monaco 编辑器从头开始创建一个 基于浏览器的 IDE。为了使这个项目更加独特，我们在代码编辑器中使用自定义字体。当用户尝试在编辑器中选择文本时，它会被挤在一起。为什么会发生这种情况，有什么办法可以阻止它吗？

我们尝试更改 Monaco 编辑器的自定义样式代码，但没有任何变化。部分代码如下，其余部分位于https://github.com/thejupitergroup/WebCode

var editor = monaco.editor.create(document.getElementById('editor'), {
                language: 'html',
                theme: 'vs-dark',
                fontSize: 18,
                fontWeight: "normal",
                fontFamily: 'Priffordd Mono, TwemojiRubisco, Arial, Helvetica, sans-serif',
                scrollBeyondLastLine: true,
                minimap: { enabled: true },
                lineNumbers: "on",
                wordWrap: "off"
            });

Answer 1

安装编辑器后尝试

monaco.editor.remeasureFonts();

。