Okay that worked.....Now what is the easiest way to make my menu across the top with that font?

Your meny have a span with the class title

<span class="title">PRODUCTS</span>

think maybe this should work

.menu a span.title {
font-family: PointedlyMad;
font-size: 20pt;
color:#000;
}

.menu a.active span.title {
font-family: PointedlyMad;
font-size: 20pt;
color:#E64600;
}

.menu a span.title:hover {
font-family: PointedlyMad;
font-size: 20pt;
color:#fff;
}

But you first home button doesn't have that title class.

Don't know if it will work. But something like that hopefully works.

I see the hover isn't loaded right. I will check my code why it isn't working on the span.

No it is not. I dont' know if trying this class would do all of it or not ul class="menu menu-dropdown but the Home has a class of <span class="bg ">HOME</span>. I also just removed the double line text on the menu bar and it changed them back to the old font.

I check your code now again.

if you do this

.menu a {
font-family: PointedlyMad;
font-size: 20pt;
color:#000;
}

.menu a.active {
font-family: PointedlyMad;
font-size: 20pt;
color:#E64600;
}

.menu a:hover {
font-family: PointedlyMad;
font-size: 20pt;
color:#fff;
}

Well that fixed the top, except for the hoover, but it really messed up the side menu on this page; www.buckarooleather.org/cms/catalog-purchase-items-here.html