Der Unterschied zwischen <i> und <em> ist, dass <i> ein physisches und <em> ein logisches Element ist. Das soll heißen, dass das Element <i> direkt das Aussehen festlegt und bei <em> der Browser festlegt, wie er diese Hervorhebung anzeigt. Das erste will man eigentlich nicht, weil das Aussehen ja eigentlich durch CSS bestimmt werden soll und damit leichter austauschbar ist, ohne den Inhalt zu verändern.

Richtiger Lösungsansatz ist daher, <em> über das Stylesheet im entsprechenden template zu formatieren.