28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Après avoir les soucis de fonctionnement de @font-face
(voir mon sernier post ici),
tout fonctionne...

Presque,
puisque quand je passe en "font-size: 78px",
le rendu est loin de la réalité !
En effet, la police est doublée (voire triplée) en graisse,
par rapport à la réalité
La page internet en question est ici

La Police Avant Garde Gothic 2 Extra Light
Modifié par jytest (30 Jun 2012 - 17:59)
Faut que tu mettes un font-weight qui correspond à ta police.
Modifié par jb_gfx (30 Jun 2012 - 17:39)
J'ai essayé avec la valeur 100, lighter, 1000 et autres...
J'ai même essayé avec des unités en "em" au lieu des "px".
Mais rien n'y fait !

As-tu une autre idée ?
Modifié par jytest (30 Jun 2012 - 17:44)
Oui j'ai une autre idée : sur ton site c'est pas la même police que sur la page que tu donnes en exemple (regarde bien le nom).
Attends tu m'intéresses, toi !
Qu'as-tu vu ?
Aurais-tu trouvé mon problème ?
Les noms me semblent pourtant identiques...

Voici mon css de la police en question "font_AvantGarde2BQRoman.css":
@charset "utf-8";

@font-face {
    font-family: 'AvantGarde2BQRoman';
    src: url('../fonts/avant_garde_gothic_2_extra_light/avant_garde_gothic_2_extra_light.eot');
    src: url('../fonts/avant_garde_gothic_2_extra_light/avant_garde_gothic_2_extra_light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avant_garde_gothic_2_extra_light/avant_garde_gothic_2_extra_light.woff') format('woff'),
         url('../fonts/avant_garde_gothic_2_extra_light/avant_garde_gothic_2_extra_light.ttf') format('truetype'),
         url('../fonts/avant_garde_gothic_2_extra_light/avant_garde_gothic_2_extra_light.svg#AvantGarde2BQRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

Modifié par jytest (30 Jun 2012 - 17:47)
Oui je viens de voir que le nom interne est pas le même que celui sur la page de démo. Mais ça vient pas de là. Je viens de tester et j'ai pas de soucis avec mon test :

http://www.pixemedia.com/temp/font/

EDIT : Sur ton site, ton texte est affiché en Trebuchet..., tu n'as pas appliqué la police sur ton texte.
Modifié par jb_gfx (30 Jun 2012 - 17:55)
Bien vu pour le trébuchet !

Ton test confirme bien tes dires !
Je me suis trompé dans mes div sous-jacentes !!!!

Merci jb_gfx (encore toi, pour m'aider !)!
Merci !
Modifié par jytest (30 Jun 2012 - 18:00)