Kodowanie czcionek Base64 dla Tumblr na Firefox

Question

Rozwijam motyw Tumblr i chcę użyć czcionki, którą mam we wszystkich przeglądarkach. Ponieważ Firefox nie zezwala na żądania http dla innych domen dla czcionek css, teraz czcionka nie działa w przeglądarce Firefox, ale działa we wszystkich innych przeglądarkach przy użyciu standardowej składni @ font-face.

Czy ktoś rozejrzał się i znalazł sugestię, aby użyć base64 do kodowania czcionki bezpośrednio do pliku css. Próbuje to teraz zrobić, ale nie działa. Nigdy wcześniej nie używałem tej techniki, więc może po prostu coś mi brakuje. Łączę się z arkuszem stylów z motywu tumblr i przypisuję rodzinę czcionek: futuraBold do określonych elementów.

Oto co stylów wygląda następująco:

@font-face { 
    font-family: “futuraBold”; 
    src: url(“data:font/opentype;base64,BASE64CODE”); 
} 

użyłem kodera base64 tutaj: http://www.opinionatedgeek.com/dotnet/tools/base64encode/

i przesłany plik czcionki .OTF.

Czy brakuje mi czegoś?

Answer 1

Wszystko, co jest poprawne oprócz tego, że myślę, że nie potrzebujesz żadnych cytatów, pojedynczych lub podwójnych. Należy po prostu iść tak:

@font-face { 
    font-family: futuraBold; 
    src: url(data:font/opentype;base64,BASE64CODE); 
} 

Nadzieja to pomogło