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

Posted 2023-02-15

【中文标题】等宽字体无法在服务器上正确显示

【英文标题】：Monospace font not displaying correctly on server

【发布时间】：2022-01-15 06:21:25

【问题描述】：

我正在尝试显示一组字母数字字符，每行一个，并希望它们正确排列，所以我使用了等宽字体。当我在本地尝试它时（例如从 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>

这是本地运行的样子：

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

【问题讨论】：

@Azu 谢谢。你能改变你的评论来回答，我会标记它。这解决了我的问题。另外，这是否意味着我可以使用任何其他字体来代替“Courier”？

【参考方案1】：

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

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