Applying different font weights/styles using Custom font

Store Design
1

Hi,

I added custom fonts(DINPro) to my store,

but I haven’t figured out how to apply different font weights / styles

As you see on the codes I have on custom-font.liquid of Snippets,
I added 5 different font weights/styles of Regular, Medium, CondMedium, Cond, Bold. (Please regard codes below at the end)

I want to use CondMedium for H1, H2 and Medium for the rest of text for now.

In this case, which code should I add?

Thank you so much for your help in advance.

Have a great day!!

@font-face { font-family: "DINPro"; src: url('[https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro.otf?v=1656520835](https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro.otf?v=1656520835)') format("truetype"), url('[https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro-Medium.otf?v=1656520835](https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro-Medium.otf?v=1656520835)') format("truetype"), url('[https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro-CondMedium.otf?v=1656520835](https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro-CondMedium.otf?v=1656520835)') format("truetype"), url('[https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro-Cond.otf?v=1656520835](https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro-Cond.otf?v=1656520835)') format("truetype"), url('[https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro-Bold.otf?v=1656520835](https://cdn.shopify.com/s/files/1/0633/0672/7682/files/DINPro-Bold.otf?v=1656520835)') format("truetype"); } h1,h2,h3,h4,h5,h6,html,body,*,[id] *{ font-family: "DINPro" !important; }
2

Hi @yunishin ,

Please send your site and if your site is password protected, please send me the password. I will check it.