Font Awesome icons not working in OSX Safari

Question

My font-awesome icons are working fine in Firefox and Chrome, but in Safari I just see blank space for some of them but not others. Screenshot:

As you can see, the icons for fa-twitter, fa-instagram and others just aren't showing up, either on the Font Awesome website or when I try to use them with <i class="fa fa-instagram"></i>.

Really bizarre, I've cleared my cache a dozen times and can't figure out what else could be going wrong here.

Any ideas?

Answer 1

It seems Safari blocks unsigned fonts. Using CDN with integrity resolves the issue:

For font awesome I used below link which I found at: https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">