等宽字体无法在服务器上正确显示

Question

我正在尝试显示一组字母数字字符，每行一个，并希望它们正确排列，所以我使用了等宽字体。当我在本地尝试时它工作正常（例如 Visual Studio 中的运行）但是当我部署应用程序时它不起作用。我希望这不是某些浏览器设置，因为我不能要求用户修改他们的浏览器设置。

这是CSS:

.monoSpace {
    font-family: monospace;
    font-size: .75em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
}

使用此样式的文本区域：

<textarea id="taLabelIDs" name="taLabelIDs" class="monoSpace w-100" cols="40" rows="6"></textarea>

这是运行本地的样子：

这是它在服务器上的样子：

Answer 1

由于您只给出了等宽字体而不是特定的字体名称，很可能您的机器和服务器使用了不同的默认等宽字体。尝试使用例如 font-family: 'Courier', monospace;看看三个有没有区别

您可以使用任何其他等宽字体，只需首先检查网上的网络安全等宽字体。

Monospace font not displaying correctly on server