18041 sujets

Questions générales et questions de débutants

[Résolu] Problème font-family avec XML

Bonjour à tous.
Avant de continuer je tiens d'abord à remercier ceux qui lisent ce post et qui, je l'espère, m'aideront, mais je tiens aussi à m'excuser des éventuelles fautes d'orthographe Smiley lol

Donc voila.
Je suis en ce moment sur un petit site basé, pour le moment, sur XHTML, SVG, et CSS.
Je suis parvenu après de nombreuses recherches à incorporer proprement mon SVG dans mon XHTML (ce dernier étant de mime-type "application/xhtml+xml"), et maintenant je m'attaque à la mise en forme de tout ceci.

Seulement voila, je recnontre déjà un problème !
L'attribut CSS "font-family" ne semble pas fonctionner Smiley confus

J'aimerais savoir pourquoi, et comment y remédier bien entendu.
Le message suivant proposera les codes XHTML/CSS, qui peut-être vous seront utiles.

Ah oui encore une chose Smiley ravi ...
Si quelqu'un possède quelques conseils, ou des articles sur Internet, pour l'utilisation des feuilles de style sur un document XML, j'aimerais qu'il me les transmette (si c'est possible bien sûr).
J'ai en effet remarqué que, pour attribuer à mon document une couleur de fond, je devais placer l'attribut "background-color" dans la définition de html, et non plus de body comment en HTML.
Est-ce autorisé ? j'ai essayer de faire valider ma feuille de style sur le site du W3C, mais il a ignoré cette partie donc voila...

Merci encore à tous !

PS: je travaille sous Firefox 2.0.0.6
Modifié par just1dks (28 Aug 2007 - 11:38)
Les codes XHTML:

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<?xml-stylesheet type="text/css" href="./style.css" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>emboitage de formats</title>
</head><body>
<div id="SvgGraph">
<svg:svg width="160" height="520" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
 ICI LES CODES SVG
</svg:svg>
</div>
<div id="mainZone">
<ul class="toolBarr">
	<li>Lien 1</li>
	<li>Lien 2</li>
</ul>
</div></body></html>


Les codes CSS:


html {
background-color: #FFFFFF;
background-image: url('backPic.png');
background-repeat: repeat-y;
background-position: right;
}
body {
margin: 0px;
padding: 0px;
width: 100%;
font-size: 100%;
font-family: Veranda;
}

#SvgGraph {
float: right;
}
#mainZone {
margin-right: 200px;
}
Salut,

just1dks a écrit :

body {
margin: 0px;
padding: 0px;
width: 100%;
font-size: 100%;
font-family: Veranda;
}

Mmmmh merci tu m'as fais bien rire de bon matin. Smiley lol
La police de caractère Veranda n'existe pas, il s'agit de la Verdana !
Essaye de changer le nom et ca devrait marcher ! Smiley cligne
Oh ouais c'est la première fois qu'elle m'arrive celle-là;
jamais fait la faute avant. j'ai honte ^^

Milles mercis à toi Smiley biggrin

Dites heu, je ne suis pas réellement familiarisé avec le forum alors,
quelqu'un pourrait me dire comme faire pour signaler ce post comme "résolu" ? Smiley lol
Au passage, une famille de polices «Verdana» qui tient à peu près la route:
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;

Toujours penser à au moins indiquer une famille générique (ici, c'est sans-serif)!
Sujet clos
Aller à