27799 sujets

CSS et mise en forme, CSS3

upload/1650822832-48192-capturedaeacran2022-04-24aa19.png Bonsoir,
Désolé pour ces multiples topics, mais je suis en train de finaliser mon site Smiley cligne
Voilà, j'ai la font IMPACT qui n'est pas reconnue... rien à faire Smiley hum
Les CSS :
.cbp-so-section h1 {
	font-size: 4.5em;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	margin: 0;
	color: #FFFFFF;
	line-height: 1em;
	margin-bottom: 0px;
}

@import url("webfonts/impact/stylesheet.css");

et en capture le dossier source.
Je ne trouve pas l'issue Smiley fache
Merci pour votre aide,
ED
Modifié par el_debutanti (24 Apr 2022 - 19:53)
Modérateur
bonsoir Smiley smile

et que contient le fichier webfonts/impact/stylesheet.css ?
est t-il bien chargé ?
Où se trouve le fichier qui contient @import dans l'arborescence ?

Tes autres font , sont-elles bien chargées ?

cdt
Meilleure solution
Le fichier stylesheet.css, le voilà ;
@font-face {
    font-family: 'impactregular';
    src: url('impact.eot');
    src: url('impact.eot?#iefix') format('embedded-opentype'),
         url('impact.woff2') format('woff2'),
         url('impact.woff') format('woff'),
         url('impact.ttf') format('truetype'),
         url('impact.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Chunkfive';
    src: url('../fonts/chunkfive_ex/chunkfive_ex-webfont.woff2') format('woff2'),
         url('../fonts/chunkfive_ex/chunkfive_ex-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a part font awesome, j'ai l'impression que les fonts importées ne fonctionnent pas Smiley ohwell
Merc gcyrillus Smiley sweatdrop
Après avoir mis le @font-face directement dans mon fichier CSS.
Ça fonctionne. Merci de m'avoir mis sur la voie.
Bonne soirée ! Smiley biggrin
Modifié par el_debutanti (24 Apr 2022 - 21:04)