Гаразд, отже, у мене є HTML-код, такий:
<div class="aClass">Thing One/Thing Two/Thing Three</div>
і "/" відображається правильно в IE і FireFox, але для Chrome і Edge це не "т. Немає конкретного стилю CSS, застосованого до класу або будь-якого явного сімейства шрифтів. Зображення, що відображається:
Крім того, специфічні коди, такі як / не вирішуйте проблему
EDIT: Я забув згадати, що я використовую bootstrap ... Не знаю, чи це впливає чи ні.
Відповіді:
0 для відповіді № 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>0 для відповіді № 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" - це те, що викликає проблему. Мені просто потрібно змінити їх, і це виправлено.