Cannot embed Adobe Font on Wordpress Website

Hello! 

I am hoping someone can help because I have gone through all of the documentation and cannot seem to get this. I am trying to embed the Mackinac P22 font on my WP website. I have set that up as a website project, copied the given code into the header, then in the customizer section in WP, used the CSS selectors and given CSS code, but that does not do the trick. Any ideas or tips? I am using a child theme, not sure if that makes any difference. 

Thank you so much!!