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

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;看看三个是否还有区别。

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