проблема с иконками fontawesome MacOs google Chrome

Всем добрый день! В кратце проблема такая, есть страница, на ней шрифтовые иконки fontawesome, сам шрифт подключается через CND

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">

иконки через псевдоэллементы :after :before

&:before
                        content: '\f00c'
                        color: #ffffff
                        font-family: "FontAwesome", "Font Awesome 5 Free"
                        margin-right: 10px
                        font-weight: 100
                        font-size: 1.625em
                        display: inline-block
                        font-style: normal
                        font-variant: normal
                        text-rendering: auto
                        -webkit-font-smoothing: antialiased

на windows отображаются во всех браузерах:

На Mac отображается во всех браузерах кроме Chrome (тестировал на разных сервисах)

В Хроме галочки становятся такими вот квадратами, остальные иконки на странице, кроме галочек, рендеряться нормально, кто-нибудь сталкивался с такой проблемой? Подскажите как можно решить, чтобы иконка осталась на странице шрифтом, спасибо.

ошибка в консоли: