Bonjour à tous,
Alors voilà, je fabrique mon site à la main depuis pas mal de temps déjà j'ai fais des pauses j'ai repris enfin bon je n'ai pas était très rapide mais là j'arrive à un résultat qui me plaît bien. Je l'ai donc testé sous plusieur navigateur sous plusieurs résolutions d'écrans. Et là... BAAMM ! C'est vraiment pas encore ça. J'ai plusieurs problèmes, j'ai un problème de dimensionnement de mon header, bon ça j'ai pas encore passé énormément de temps dessus. Et un problème avec @font-face ça marche très bien sous Webkit mais par contre sous Firefox les police ne s'affiche pas... Alors là j'ai farfouiller dans mon code et sur internet et ça marche toujours pas sous firefox... Si quelqu'un y voit plus clair je lui serrait vraiment très reconnaissant car je stagne un peu à cause de ces problèmes. Pour commencer je vous met le code de mon @font-face.
http://farm4.static.flickr.com/3058/5710241004_945832ff72_b.jpg
http://farm3.static.flickr.com/2707/5709678439_f8852aee2a_b.jpg
PS : Les photos, c'est ce que je veux atteindre... C'est sous firefox que les police exotique ne sont pas prisent en compte.
Modifié par Arnaud.D (11 May 2011 - 16:13)
Alors voilà, je fabrique mon site à la main depuis pas mal de temps déjà j'ai fais des pauses j'ai repris enfin bon je n'ai pas était très rapide mais là j'arrive à un résultat qui me plaît bien. Je l'ai donc testé sous plusieur navigateur sous plusieurs résolutions d'écrans. Et là... BAAMM ! C'est vraiment pas encore ça. J'ai plusieurs problèmes, j'ai un problème de dimensionnement de mon header, bon ça j'ai pas encore passé énormément de temps dessus. Et un problème avec @font-face ça marche très bien sous Webkit mais par contre sous Firefox les police ne s'affiche pas... Alors là j'ai farfouiller dans mon code et sur internet et ça marche toujours pas sous firefox... Si quelqu'un y voit plus clair je lui serrait vraiment très reconnaissant car je stagne un peu à cause de ces problèmes. Pour commencer je vous met le code de mon @font-face.
/* Police exotique */
@font-face {
font-family: 'bebas';
src: url('BEBAS.eot');
src: url('BEBAS.eot?#iefix') format('embedded-opentype'),
url('BEBAS.woff') format('woff'),
url('BEBAS.ttf') format('truetype'),
url('BEBAS.svg#Bebas') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'lamacchina';
src: url('lamacchina.eot');
src: url('lamacchina.eot?#iefix') format('embedded-opentype'),
url('lamacchina.woff') format('woff'),
url('lamacchina.ttf') format('truetype'),
url('lamacchina.svg#Bebas') format('svg');
font-weight: normal;
font-style: normal;
}/*Le menu*/
#menu {
padding-top : 0.25%;
padding-bottom : 0.3%;
height : 1.4em;
width : 100%;
background:#444;
background:-moz-linear-gradient(top,#555,#2C2C2C);
background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#2C2C2C));
border-top : 5px solid #ccc;
border-bottom : 5px solid #ccc;
font-family : bebas, arial;
font-size : 1.55em;
}
#menu a {
text-shadow : #000 1px 1px 1px;
text-decoration : none;
padding : 2.2%;
color : #ccc;
}
}http://farm4.static.flickr.com/3058/5710241004_945832ff72_b.jpg
http://farm3.static.flickr.com/2707/5709678439_f8852aee2a_b.jpg
PS : Les photos, c'est ce que je veux atteindre... C'est sous firefox que les police exotique ne sont pas prisent en compte.
Modifié par Arnaud.D (11 May 2011 - 16:13)
