Adding Cufon Code into CSS Editor

Greetings wordpress. I’m looking to stylize my navigation links by using a custom font for the navigation text. I researched a few ways to add custom fonts and came across the all-in-one Cufons plugin and followed the steps provided by this website – https://lizatom.com/wordpress-plugin/all-in-one-cufon/….. but I’ve hit a roadblock.

I’m currently using the WPZOOM Meeta Theme and the part of the css code that edits the navigation text is:

.dropdown a {
padding: 8px 60px;
margin:0 5px 0 0;
text-decoration:underline;
line-height:1.5;
font-size: 30px;
color: ##cccccc;
display:block;

Where exactly in my css editor do I place the cufon code in order to change the text for my navigation links and what exactly will the code look like? I’ve tried placing the code that lizatom.com provided, in a few different areas, but I’ve been unsuccessful in getting the text to change, simply because I’m pretty new at the css editor and coding language in general.

Here is my website – https://www.thesiegesound.com

Here is a print screen of what I want the navigation links to look like, once I’ve properly imported the code – https://i15.photobucket.com/albums/a388/are3as/the_seige_website.jpg

Any help is greatly appreciated!