Changer police à l'affichage si on met un texte entre []

J'ai tenté cela , pour moi ce code devrait marcher mais ce n'est pas le cas ...Quelqu'un pourrait m'expliquer pourquoi ?
.kzd est le nom de la div où je veux effectuer mes modifications .

<script type="text/javascript">
$(document).ready(function(){
    $(".kzd").each(function(){
        var content = $(this).html();

        content = content.replace(/\[/gi, '<span class="convertion_en_dovahzul" style="font-family:\'dovahzul\';">');
        content = content.replace(/\]/gi, '</span>');

        $(this).html(content);

        $(this).find(".convertion_en_dovahzul").each(function(){
            var text = $(this).html();
            var dragonText = text.replace("", ""); 

            dragonText = dragonText.replace(/aa/gi, "1");
            dragonText = dragonText.replace(/ei/gi, "2");
            dragonText = dragonText.replace(/ii/gi, "3");
            dragonText = dragonText.replace(/ah/gi, "4");
            dragonText = dragonText.replace(/uu/gi, "5");
            dragonText = dragonText.replace(/u'u/gi, "5");
            dragonText = dragonText.replace(/ur/gi, "6");
            dragonText = dragonText.replace(/ir/gi, "7");
            dragonText = dragonText.replace(/oo/gi, "8");
            dragonText = dragonText.replace(/ey/gi, "9");

            $(this).html(dragonText);

        });

    });

});

</script>

Bonjour,

En PHP, j'utiliserai les regex.
Exemple :

preg_replace('/\[(.*)\]/', '[<span style="font-family:arial">$1</span>]$2', '[Coucou] comment ça va');

Concernant ton code, je ne vois pas de problème à première vue... La police dovahzul est bien chargée ? Il n'y a pas de surchage de la police pour la classe css convertion_en_dovahzul avec !important ?

Salut je connaissais pas les regex en PHP et oui la police est pourtant bien chargée ...Je comprends pas pourquoi ça ne marche pas :(

Je ne comprends toujours pas ou est l'erreur de code plus haut :(