I am using the following markup on my card:
<div class="phonetic">[{{Phonetic}}]</div>
This is the output that I get:
I’m pretty sure when I first made these cards, the phonetic form actually displayed between the brackets.
I distribute these cards to my students, so this way of displaying is very confusing.