How to change the font of each choice in a dropdown menu

Minimal theme. Hello. I’m running an custom engraving store, and I’d like to have dropdown menu allowing customers to choose the font they want to use. The code for that would be:

Font

Can I make each individual choice (Example 1, Example 2, etc.) a different font? I don’t mind restricting font choices to Shopify’s preset library of fonts, if that makes it easier.

What would I have to change in the code?

Thank you so much!

Hello,

Try this one, I just assigned class to each option and I think you will caught it easily.

.sm1{ font-size: 15px; } .sm2{ font-size: 20px; } .sm3{ font-size: 25px; } .sm4{ font-size: 30px; } .sm5{ font-size: 35px; }

Font

Thank you! I see you were referring to font size. Is there a way to change the font style (Times New Roman, Glacial Indifference, etc.) itself?

Yes, In place of font-size use css property font-family but it’s necessary that fonts available in your theme otherwise it will not work.

Did you ever figure this out? Im trying to do the same thing.