Bear with me, guys - I am so new to this and I hit this obstacle and can't seem to get over it. Shortened story: I wanted to add new fonts to my site - I tried to add the font-family to the skin's file, and it didn't work. I was finally able to get the content panes the way I wanted them by linking to the Google web-fonts URL. So the content panes are great.

The issue, however, is the menus within DNN. I have the titles the way I want them, but because it isn't exactly editing the CONTENT, only the title of the menu option, I can't use the same HTML trick to get the menu to look the way I want it to. I'm creating this website for a bakery, and quite frankly, Times New Roman drives me insane.

The solution I came up with is to create images that use the font, background, styling that I want for each menu option, sort of like buttons. I figure this will also cover the base of worrying about whether the font is locatable from EVERY browser, because it is not a font location, it's just an image that uses the font.

In order to implement these, I need to remove the default text version of these menu items and replace them with an image only. I have absolutely no idea how to do this, even after days of browsing through threads and YouTube to find tutorials. Either the tutorial is with an outdated version of DNN or I don't have the understanding to follow the steps.

 So, ultimately, my question is this: Can I actually replace the text menu items on my site with "button" images I've created? I really appreciate your help, so thank you in advance!