Mã hóa phông chữ Base64 cho Tumblr trên Firefox

Question

Tôi đang phát triển một chủ đề Tumblr và muốn sử dụng phông chữ mà tôi có trên tất cả các trình duyệt. Bởi vì Firefox không cho phép http yêu cầu các miền khác cho phông chữ css, ngay bây giờ phông chữ không hoạt động trong Firefox, nhưng hoạt động trong tất cả các trình duyệt khác sử dụng cú pháp @ phông chữ chuẩn.

Có một số người tìm kiếm và tìm thấy đề xuất sử dụng base64 để mã hóa phông chữ trực tiếp vào tệp css. Đang cố gắng làm điều đó ngay bây giờ nhưng nó không hoạt động. Tôi chưa bao giờ sử dụng kỹ thuật này trước đây, vì vậy tôi có thể chỉ thiếu một cái gì đó. Tôi đang liên kết đến biểu định kiểu từ chủ đề tumblr và gán họ phông chữ: futuraBold cho các phần tử nhất định.

Đây là những gì các stylesheet trông giống như:

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

tôi đã sử dụng mã hóa base64 đây: http://www.opinionatedgeek.com/dotnet/tools/base64encode/

và tải lên một tập tin phông chữ .otf.

Tôi có thiếu gì đó không?

Answer 1

Tất cả những điều đó là chính xác ngoại trừ việc bạn cho rằng bạn không cần bất kỳ dấu ngoặc kép nào, đơn hoặc kép. Nó chỉ nên đi như thế này:

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

Hy vọng điều này giúp