change drop down menu font

How do I change the font in the drop down menu... it does not match the other fonts at all.

Additional info... just to be 100% clear, when I attempt to add a product to cart and or click on a variant... the font for the variant is Garamond where as I'm hoping it can be the same matching font as the rest of the entire site.

When I go into site styles, there's no option for me to change the drop down menu font.

I've searched online for this answer but can't seem to find a resolve.

thanks!

The community will need a working link to your website in order to see the issue, the template you are using and the settings in use. If your site isn't live yet, please set a site password and tell us what it is, so that we can view it.

Ty for the info... the new template isn't live yet but my URL is:

http://www.affinitycycles.com/shop/lo-pro-18percent-grey

The current template drop down font is the same... looks great (Using Dovetail)

The new site is Foster which has a non matching drop down font. I'm using Proxima Nova for the main site's Font... but when I drop down it changes to something like Adobe Garamond.

Does this help?

Ty for the info... the new template isn't live yet but my URL is:

http://www.affinitycycles.com/shop/lo-pro-18percent-grey

The current template drop down font is the same... looks great (Using Dovetail)

The new site is Foster which has a non matching drop down font. I'm using Proxima Nova for the main site's Font... but when I drop down it changes to something like Adobe Garamond.

Does this help?

Amazing, it did the trick! @tuanphan thank you soooo much!

Amazing, it did the trick! @tuanphan thank you soooo much!

@jayffinity You can Accept Answer it it worked. Thanks.

Anyone happen to know how to properly callout the font to change to Din-2014 Narrow? Got the sans sarif working but can't seem to find the correct way to callout this font.

.variant-option * {
  font-family: "Din-2014-narrow", din-2014-narrow !important;