Html 正斜杠显示不正确（Chrome 和 Edge）

Question

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

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

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

此外，/ 等特定代码无法解决问题

编辑：我忘了说我正在使用 bootstrap...不知道这是否有任何影响。

Answer 1

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

以下代码片段可能会有所帮助。

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>

Answer 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" 变体是导致问题的原因。我只需要改变那些，它就修好了。

Html 正斜杠显示不正确（Chrome 和 Edge）

Html forward slash not displaying properly (Chrome and Edge)

html

css

google-chrome

twitter-bootstrap

microsoft-edge