Font-Face w Safari

Question

Witam wszystkich, ostatnio zabrałem się za tworzenie autorskiej strony (pg-rpa.prv.pl) i mam problem z zastosowaniem właściwości font-face w moim arkuszu styli css w odniesieniu do przeglądarki Safari na Iphone.

Poniżej kod, który znajduje się w pliku mystyles.css:

@font-face {
    font-family: 'Great';
    src: local('Great Vibes'),
    url('https://fonts.gstatic.com/s/greatvibes/v18/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'BRUSH';
    src: local('BRUSH SCRIPT MT'),
    url('../res/BRUSHSCI.TTF') format('truetype');
    font-weight: normal;
    font-style: italic;
}

.rpaB:first-letter {
    font-size: 200%; /* pierwsza litera duża */
    font-family: 'Brush Script MT', 'BRUSH', 'Great', 'Calibri';
    color: #0baee5ff;
    line-height: 1; /* odległość pomiędzy wierszami */
    font-weight: normal;
    font-style: italic;
}

Powyższy kod działa w przeglądarce Chrome, natomiast nie jestem w stanie użyć żadnej z powyżej podanych czcionek (zarówno Google jak i z pliku) w przeglądarce Safari - pierwsza litera jest podmieniana bodajże na czcionkę Times New Roman - podane przeze mnie czcionki nie są wykrywane.

Chciałbym móc ustawić jakąkolwiek niestandardową czcionkę, żeby treść się ładnie wyróżniała ale w czymś jest problem. Słyszałem już o zmianie font-weight, font-style, usunięciu apostrofów ze ścieżki, zmianie nazwy font-family, sam już nie wiem, próbowałem różnych kombinacji ale bez rezultatu, proszę o pomoc.

Answer 1

Udało się rozwiązać problem - po przeniesieniu strony na płatny hosting, Safari zaczęło poprawnie wyświetlać czcionki (zarówno z Googla jak i z pliku) przy użyciu powyższego kodu, żadnych zmian. 

Przeprowadziłem jeszcze parę eksperymentów i okazało się, że aby czcionki były poprawnie wyświetlane, poniższe 2 właściwości muszą być tak samo ustawione zarówno przy deklaracji czcionki (@font-face) jak i później przy ich użyciu np. w klasie (u mnie: .rpaB:first-letter):

    font-weight: bold;
    font-style: italic;

Zamykam temat