Font face + Bootstrap + Lavanderia.ttf

Bonjour à toutes et à tous,

J'ai effectuée la maquette d'un site sur Photoshop avec la typo Lanvaderia Sturdy.

Voici le résultat obtenu :
http://thetalltristan.fr/portfolio/2.png

Puis une fois arrivé sur la partie css, j'intègre @font-face :

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

}

Et voici le résultat :
http://thetalltristan.fr/portfolio/1.png

Les 2 problèmes qui se posent sont :
- Pourquoi est-ce une typo différente ? Plus grasse...
- Pourquoi ai-je un rajout à la fin du a ?
A savoir qu'il disparait lorsque je supprime le link css de bootstrap uniquement sous chrome.
En revanche, aucun changement sur firefox
Néanmoins, la police est toujours plus grace

Et petit bonus, pourriez-vous aussi me dire comment je peux faire pour mettre des accents en Html sans devoir écrire à chaque fois è et é


Merci beaucoup !
Modifié par Ehyo (29 May 2012 - 15:21)