Utilisation des ligatures en HTML

Bonjour,
je voudrais utiliser les ligatures suivantes dans des pages Web :

"<!ENTITY stlig "#xE1F1;" ><!--ligature ct-->
<!ENTITY ctlig "#xEEC5;"><!--ligature st-->
<!ENTITY fflig "#xFB00;" ><!--small ff ligature-->
<!ENTITY filig "#xFB01;" ><!--small fi ligature-->
<!ENTITY ffilig "#xFB03;" ><!--small ffi ligature-->
<!ENTITY ffllig "#xFB04;" ><!--small ffl ligature-->
<!ENTITY fllig "#xFB02;" ><!--small fl ligature-->"
(Je sais qu'il manque un & devant chaque # mais, si je le mets, le navigateur fait son boulot et ces entités ne sont plus lisibles)

Or, quand j'écris :
voir : http://remybelleau.free.fr/hc1.png
« C’e une version diine des autres »
Le résultat est incorrect.
Quel en est la raison ? La police utilisée ?
Où renseigner ces entités ?
Merci de votre aide
Cdlt Rémy

Ce que je veux

afficher les ligatures dans la page web ; http://remybelleau.free.fr/hc2.png
Ce que j'obtiens

« C’e une version diine des autres »