Anton_a46

Итог. Проблема не в шрифте, не в его подключении. Просто буква Й выглядела как Й, но ей не являлась. Если Хром её корректно видел, то мозила и десктопная Сафари нет

<div class="wrapper">
    </div>

.wrapper{
    height: 500px;
    width: 300px;
    position: relative;
    border:1px solid;
}

.wrapper:after{
    content: 'Бесплатно';
    position: absolute;
    left: 50%;
    margin-left: -35px;
    border: 1px solid black;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
    padding: 5px
}