web-dev-qa-db-fra.com

Appliquer la police Calibri (corps) au texte

J'ai un div et dans ce div, je veux afficher du texte en police Calibri (Body).

Comment puis-je faire ceci?

Voici le css que j'ai reçu:

.an_account_join_1 {
    float:left;
    width:100%;
    color:#000000;
    font-family:Calibri (Body);
    letter-spacing:2px;
    font-size:14px;
    text-align:center;
    margin:20px 0px;
    }

Voici la div:

<div class="an_account_join_1">Individual Free Membership</div>

Aucun style de police n'est affiché avec cette famille de polices.

Quand je regarde la sortie de Firebug, il n'y a pas de style pour la famille de polices.

csshtml5font-family
14
Kichu

Il n'y a pas de police telle que "Calibri (Body)". Vous avez probablement vu cette chaîne dans le menu de sélection des polices de Microsoft Word, mais ce n'est pas un nom de police (voir par exemple l'explication Police: + corps (dans W07) ).

Utilisez donc simplement font-family: Calibri ou mieux, font-family: Calibri, sans-serif. (Il n'y a pas de police de sauvegarde adéquate pour Calibri, mais les chances sont que lorsque Calibri n'est pas disponible, la police sans-serif par défaut du navigateur convient mieux à votre conception que la police par défaut du navigateur, qui est le plus souvent une police serif.)

72
Jukka K. Korpela