Html 正斜杠未正确显示（Chrome 和 Edge）答案

【问题标题】：Html forward slash not displaying properly (Chrome and Edge)Html 正斜杠未正确显示（Chrome 和 Edge）
【发布时间】：2017-07-18 11:41:56
【问题描述】：

好的，所以我有如下html代码：

<div class="aClass">Thing One/Thing Two/Thing Three</div>

并且“/”在 IE 和 FireFox 上正确显示，但对于 Chrome 和 Edge 则没有。没有应用到类或任何显式字体系列的特定 CSS 样式。显示的图像是：

另外，&#47; 等特定代码也不能解决问题

编辑：我忘了提到我正在使用引导程序......不知道这是否有任何影响。

【问题讨论】：

我无法重现该问题。我认为这是与字体相关的问题。尝试在你的 CSS 中指定字体系列。
这看起来很奇怪。你能在 jsfiddle.net 或 codepen.io 上重现它吗？
从图片来看，我认为@MaherFattouh 是正确的。这可能是字体相关的问题。
jsfiddle.net/tz89L2e8/1
一开始发错了小提琴，现在尝试打开它。

标签： html css twitter-bootstrap google-chrome microsoft-edge

【解决方案1】：

好吧，如果我理解您的问题的意思，那么我刚刚在提到的浏览器上对其进行了测试，它工作得非常好。我看不出有什么问题。或者，如果您可以借助屏幕截图详细说明您的问题，它可能会帮助我们正确回答您..

遵循 sn-p 可能会有所帮助。

div.withCss{
  font-family: arial;
  font-size: 20px;
  }

<html>
<head>
</head>
<body>
  <div class="aClass">Thing One / Thing Two / Thing Three</div>
  <div class="para"><p>Thing One / Thing Two / Thing Three</p></div>
  <div class="withCss"> Thing One / Thing Two / Thing Three </div>
</body>
</html>

【讨论】：

【解决方案2】：

我发现了问题。我正在使用的网站，他们有一个包含字体信息的额外 css 文件。

@font-face {
  font-family: 'Campton Bold';
  src: url('../fonts/campton/Campton-BoldDEMO.otf');
}
@font-face {
  font-family: 'Campton Light';
  src: url('../fonts/campton/Campton-LightDEMO.otf');
}
html {
    font-family: 'Open Sans', sans-serif;
}
body {
    font-size: 16px;
}
h2, h3, h4, h5, h6, .bold-text {
    font-family: "Campton Bold", sans-serif;
}
h1, .light-text {
    font-family: "Campton Light";
}
header p {
    font-size: 18px;
}

“Campton”变体是导致问题的原因。我只需要改变这些，它是固定的。

【讨论】：