Pomoc pri programovaní, odpovede na otázky / html / Html lomka sa nezobrazuje správne (Chrome a Edge) - html, css, twitter-bootstrap, google-chrome, microsoft-edge

Html forward lomka sa nezobrazuje správne (Chrome a Edge) - html, css, twitter-bootstrap, google-chrome, microsoft-edge

Dobre, takže mám html kód, ako je tento:

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

a znak „/“ sa správne zobrazuje v prehliadačoch IE a FireFox, ale v prehliadačoch Chrome a Edge to nefunguje. t. Na triedu alebo na explicitnú rodinu fontov sa neuplatňuje žiadny špecifický štýl CSS. Zobrazený obrázok je:

Tiež upresnite kódy, ako napr / neopravujte problém

EDIT: Zabudol som spomenúť, že používam bootstrap ... Neviem, či to má nejaký dopad alebo nie.

odpovede:

0 pre odpoveď č. 1

dobre, ak chápem to isté, čo ste myslelipodľa otázky potom som to práve otestoval na spomenutých prehliadačoch a funguje to úplne v poriadku. Nevidím žiadny problém. alebo ak môžete svoju otázku rozpracovať pomocou snímok obrazovky, mohlo by nám to pomôcť správne vám odpovedať.

nasledujúci úryvok by sa mohol ukázať ako užitočný.

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 pre odpoveď č. 2

Našiel som problém. Stránka, s ktorou pracujem, má ďalší súbor CSS, ktorý obsahuje informácie o písme.

@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;
}

Príčinou problému sú varianty „Campton“. Musím ich len zmeniť a je to opravené.