Changing menu font for just one title

if it’s to stay at the end of the menu, you could use something like :last-child and amend the CSS so it only applies to the last item
i’d put it in Additional CSS:

#site-navigation-wrap .dropdown-menu >li:last-child >a, #site-header.full_screen-header .fs-dropdown-menu >li >a, #site-header.top-header #site-navigation-wrap .dropdown-menu >li >a, #site-header.center-header #site-navigation-wrap .dropdown-menu >li >a, #site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 100;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

you could also try using the page id something like this

.page-id-1327 #site-navigation ul li a {
    font-family: fantasy;
     
}

Go to Appearance->Menus in the admin panel, then click/tap the Screen Options button at the top. Make sure the “CSS Classes” option is selected.

Now select your menu and go to the menu item where you want the title styled. Add a CSS class for the menu item, and then save the menu.

You can now use that class for a CSS rule. For example, if you set the class to ice-and-ride, the following CSS rule would do what you want:

#site-navigation .ice-and-ride span {
	font-family: "Over the Rainbow",sans-serif;
}

You can disregard mine, Dion Designs suggestion is far more efficient.

This is great, thank you everyone for your input. Dion Designs – I have done everything in your guide but where do I put the CSS rule itself? Can I add it to my custom CSS?

Check that – I’ve done it! One question though: what would I need to add to that CSS rule to make the font lower case? Thank you!

Ok I have managed to figure this out as well! I used

text-transform: lowercase;

Thank you everyone.

I’m glad it worked! I don’t know if you will see this, but the following CSS will make that menu item look a lot better:

#site-navigation .ice-and-ride span {
	display: block;
	margin-top: -2px;
	letter-spacing: -0.5px;
	font-family: "Over the Rainbow",sans-serif;
	font-size: 20px;
	text-transform: lowercase;
}

I will definitely try that. At the moment I’m having a 504 Gateway error when I click on ‘pages’ on my menu. I’m going to post it somewhere else because it isn’t relevant here. But thank you for your help again!