0
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";
}
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
