J'ai suivi hier le cours où on explique le changement de fonts et j'ai essayé sans succès dans le navigateur. Même chose pour l'insertion d'une police personnelle. Or, j'ai regardé sur mon ordinateur et j'ai toutes les polices proposées donc il n'est pas normal que le Firefox ne les trouve pas. Dans le doute, j'ai tenté le code sur Code Pen et sur sublime texte, j'ai toujours le même résultat, que ce soit pour le changement de police ou l'insertion de police. J'ai aussi changé de navigateur, ça n'a rien changé non plus.
Ensuite je pense que c'est tout le css qui pose problème.
Ma police importée est deux dossiers en dessous par rapport au css. Je sais il faut mettre la police dans le même dossier que le css mais même comme ça ça ne fonctionne pas
Et heu... si tu regardes bien le screen le charset=utf8 est dans le html non dans le css
Merci aussi pour le <ul> ce n'est pas assez explicite dans le cours.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf 8"/>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
<title>Formatage du texte</title>
<h1>Mon super site</h1>
</head>
<body>
<p>Soyez les bienvenu(e)s sur ce qui sera plus tard un site
</p>
Voici une liste de polices qui fonctionnent bien sur la plupart des navigateurs :
<ul>
<li>Arial ;</li>
<li> Arial Black ;</li>
<li>Comic Sans MS ;</li>
<li> Courier New ;</li>
<li> Georgia </li>
<li>Impact ;</li>
<li>Times New Roman ;</li>
<li>Trebuchet MS ;</li>
<li>Verdana.</li>
</ul>
</body>
</html>
@font-face {
/* Définition d'une nouvelle police nommée CAC Champagne */
font-family: 'cac_champagneregular';
src: url('cac_champagne-webfont.eot');
src: url('cac_champagne-webfont.eot?#iefix') format('embedded-opentype'),
url('cac_champagne-webfont.woff') format('woff'),
url('cac_champagne-webfont.ttf') format('truetype'),
url('cac_champagne-webfont.svg#cac_champagneregular') format('svg');
}
h1 /* Utilisation de la police qu'on vient de définir sur les titres */
{
font-family: 'cac_champagneregular', Arial, serif;
}
h1
{
font-size: large;
}
p
{
font-size: small;
}
p
{
font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
}
Et au niveau organisation, je ne mettrais pas les fonts dans le dossier CSS, pour moi le dossier CSS doit contenir du CSS et rien d'autre. Je mettrais plutôt mes fonts dans un dossier fonts sutué au m^me eniveau que le fichier HTML et le dossier CSS.
A éviter également les espaces dans les noms des dossiers (dossier "Web fonts" par exemple).
Merci pour l'aide mais je crois que le navigateur n'a pas envie de faire son boulot aujourd'hui. De plus je viens de me rendre compte que la font n'avait pas été téléchargée sur l'ordi alors que j'ai suivi les instructions du cours à la lettre. Donc le pc ne risque pas de la trouver...
Jess
[css] changement et insertion de font
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Jess
Jess
Jess
Jess
Jess
Jess