You can change the font by means of Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.
I think you misunderstood me.
When we click on color the price for that color comes up beneath which is 200 for brown item, in our case, the question is how to make change the price which we have just beneath of title “bold metallic watch” (in red circle) to change when we click brown color.
The main price is the price range for the variable product at different prices. This is the Woocommerce functionality and our theme does not influence that. As soon as you chose the variation the price appears under swatches.