Mouseover im Menu

Hallo zusammen

Ich würde gerne das Menu nicht in Text sondern Bildern dastellen. Hintergrund ist der, das wir das Menu in "Runen Schriftart / Fukar (Mittelalterlich)" dastellen wollen und bei einem Mouseover die Schfriftart (in dem Fall das Bild) sich auf normale Schrift ändert.

MFG

Vielen Dank für den Tipp!
Wusste gar nicht das sowas "einfach" möglich ist. Werd ich mal die Tage ausprobieren, und dann berichten.

Also das Convertieren hat Tip Top Funktioniert. Auch die Vorschau sieht gut aus.
Nun bin ich aber seid geschlagenen 3 Stunden dran die Schriftart irgendwie ins Wordpress zu bekommen.

Dei Totorials haben mich bis jetzt so weis geführt:

Im Theme (twentyfifteen) einen Ordner erstellt und die Schriftart in den Verschiedenen Vormaten (eot,svg,ttf,woff) rein gepackt.

in die css Datei vom Theme (Ich weiss ist gefährlich da bei einem Update die css Datei evtl ersetzt wird. Aber ich probier es erstmal so bevor ich mich anfange mit "Child Theme" auseinander zu setzen)

@font-face {
    font-family: TheanoDidot-Regular;
    src: url ("/fonts/FutharkAOE.ttf") format("truetype");
    }

Dann hab ich über das Plugin "Simple Custom CSS"
volgendes drin:

@font-face {
  font-family: 'FutharkAOE';
   src: url('FutharkAOE.eot?#iefix') format('embedded-opentype'),   url('FutharkAOE.woff') format('woff'), url('FutharkAOE.ttf')   format('truetype'), url('FutharkAOE.svg#FutharkAOE') format('svg');
  font-weight: normal;
  font-style: normal;
}

Keine Arnung ob ich da den richtigen Ansatz gefunden habe.

Aber wie bekomme ich nun einen Hoverefekt rein? Wäre natürlich Toll wenn es ein Plugin gäbe... aber man kann ja nicht alles haben.

Kann mir niemand nen Tipp geben? ich stehe an... hab jetzt wirklich alles mögliche ausprobiert aber es will nicht.