Forums Développement Multimédia

Aller au contenu

- - - - -

First-letter, @font face et firefox

CODE CSS @fontface firefox

1 réponse à ce sujet

#1 nicolas

  • Guests

Posté 20 March 2014 - 11:01 AM

Bonjour,
voici mon souci, je voudrais que mes paragraphes commencent avec un décalage et une lettrine spéciale. J'ai donc créer mon css avec une text-indent pour le décalage et un first-letter plus un @font face pour les lettrines sur les <p>. Cela fonctionne sur IE, Safari et Opéra mais pas sur Firefox (alors que le code fonctionne sur un autre site...)

Voici mon css

@font-face {
    font-family: 'lobster_14regular';
    src: url('lobster_1.4-webfont.eot');
    src: url('lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
         url('lobster_1.4-webfont.woff') format('woff'),
         url('lobster_1.4-webfont.ttf') format('truetype'),
         url('lobster_1.4-webfont.svg#lobster_14regular') format('svg');
}

p{
        text-indent:20px;
}
p::first-letter{
        font-size: 170%;
        color:#bf0b1d;
        font-family:"lobster_14regular";
}

J'ai essayé toutes les modifs mais rien n'y fait. Si vous avez une idée ou un conseil, je suis preneur.

Merci !

Nicolas

#2 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 21 March 2014 - 07:09 AM

Bonjour.
Est-ce l'indent ou la lettrine qui ne fonctionne pas ?



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)