Questo è il tuo codice html modificato:

<p class="mail">
luigi[at]alice.it
</p>
Nell'head della tua pagina html invece metti il codice css:

<style type="text/css">

.mail a{
font-family: 'Century Gothic', Verdana, sans-serif;
text-align: center;
}

</style>
In questo modo il codice è più corretto... E [at] al posto della chiocciola, è una sorta di anti spam

Il codice css puoi anche metterlo in un file esterno e richiamarlo in ogni pagina, come ti torna meglio a te..