5546 sujets

Sémantique web et HTML

Bonjour à tous,

Je souhaiterais savoir si c'est possible d'intégrer une typo font-face générée sur fontsquirrel dans une signature mail html ? J'ai trouvé des tutos pour créer des signatures mails et les intégrer ensuite dans le logiciel mail de mac mais rien sur l'intégration de typo.
Je me demande aussi quelle est la meilleure méthode pour créer une signature html pour qu'elle soit identique sur tous les logiciels de messagerie, sous forme de tableau ou en html classique ?

Merci pour vos réponses !

Voici le bout de code que j'ai fait pour intégrer font-face :
<html>

<head>
<meta charset="utf-8" />
<style>
@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('http://www.monsite.fr/font/brandon_med-webfont.eot');
    src: url('http://www.monsite.fr/font/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.monsite.fr/font/fontbrandon_med-webfont.woff2') format('woff2'),
         url('http://www.monsite.fr/font/brandon_med-webfont.woff') format('woff'),
         url('http://www.monsite.fr/font/brandon_med-webfont.ttf') format('truetype'),
         url('http://www.monsite.fr/font/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
	font-family:'brandon_grotesquemedium',arial, sans-serif;
	color: #0d0135;
	font-size: 12px;
}
a
{
	text-decoration: none;
	color: #0d0135;
}
.caprouge
{
	color: #e2644a;
	text-transform: uppercase;
	letter-spacing : 2px;
}
</style>
</head>

<body>
	<div>
		<p class="caprouge">Prénom<br>NOM</p>
		<p>Tél. 06 12 34 56 78</p>
	</div>
</body>

</html>
<html>
Modifié par aliocha (07 Feb 2017 - 17:02)
C'est surement une question toute bête, j'espère que je ne me suis pas trompé de sujet avec le sujet débutant ?
Modérateur
Hello,

Font-face est plutôt mal supporté dans les e-mails...

edit: attention quand même à ta structure, on parle ici d'un e-mail. Il vaut mieux mettre tes styles inline pour une meilleur compatibilité.
Modifié par Yordi (08 Feb 2017 - 11:07)
Meilleure solution
Merci Yordi pour le lien je vais abandonner font-face pour ma signature.
et revoir la structure, merci pour les conseils !