Salut

J'ai un peu cherché sur google mais je trouve pas... Est-ce que quelqu'un sait si c'est possible d'ajouter simplement un contour a un texte? En gros, mon titre est en bleu et avec une très large police et j'aimerais que les lettres soient bordées de noir pour que ce soit plus lisible... Y a moyen de faire plus simplement qu'en transformant le texte en image et en le retouchant avec photoshop ou autres?

Merci d'avance

Très simplement en CSS:

p{
border: 5px solid black;
}

Si tu ne comprend pas ce code je t'invite à lire ce tutoriel

Merci pour ta réponse, mais ton code ajoute un cadre noir autour du texte... ce que je voudrais c'est que ca trace une ligne au bords des lettres!

Je comprend pas trop ce que tu veux.
Tu veux le souligné ?

p{ text-shadow: 0 0 2px #000000;}

peut peut etre résoudre ton problème...

C'est pas tout à fait ca (c'est flou au lieu d'être noir) mais ca fera l'affaire

Merci!

Il n'y a vraiment pas de quoi...

Bonjour

non resolu , on voudrais le contour noir et non l'ombre,text-border cela existe ?

Salut !
p { text-shadow: 1px 0 0 black, 0 1px 0 black, 0 -1px 0 black, -1px 0 0 black; }

ça devrait fonctionner comme ça

bonjour

texte shadows c'est l'ombre (non le contour du texte ) , se n'est pas le bon code

-webkit-text-stroke: 3.0px #000000;
-webkit-text-fill-color: #FFFFFF         ?

-
Edité par JonhMrn 5 mars 2017 à 8:28:31

Bonjour,

pour l'instant il faut se contenter d'astuces avec text-shadow, car text-stroke n'est pas standard, il ne faut pas l'utiliser : https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke

Oui il va falloir attendre encore un petit peu pour utiliser text-stroke.
Sinon je vois une autre solution, c'est de créer ton titre dans Inkscape (ou autre), tu pourras alos ajouter un contour à tes lettres. Sachant que le SVG conserve le type texte, ça n'influera pas sur le SEO.

Ou alors tu trouves un police qui intègre déjà ce système : des lettres 'creuses', ça se trouve et ça pourrait suffire.