さて、私は次のようなhtmlコードを持っています：
<div class="aClass">Thing One/Thing Two/Thing Three</div>
「/」はIEとFireFoxで正しく表示されますが、ChromeとEdgeでは表示されません。クラスや明示的なフォントファミリに適用される特定のCSSスタイルはありません。表示される画像は次のとおりです。
また、次のような特定のコード / 問題を解決しないでください
編集：私はブートストラップを使用していることを言及するのを忘れました...それが何らかの影響を与えるかどうかはわかりません。
回答：
回答№1は0私があなたが意味したのと同じことを理解しているなら質問によると、私は前述のブラウザでテストしたところ、完全に正常に動作します。問題はありません。または、スクリーンショットを使用して質問を詳しく説明できる場合は、適切に回答するのに役立つ可能性があります。
次のスニペットが役立つ場合があります。
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の場合は0
問題を見つけました。私が使用しているサイトには、フォント情報を含む追加の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」のバリエーションが問題の原因です。これらを変更するだけで修正されます。