2013-06-08 48 views
9

Tôi cố gắng để sử dụng CSS @ font-face trong thiên thạch, nhưng đối với một số lý do nó không làm việc:sử dụng phông chữ mặt trong thiên thạch?

@font-face { 
    font-family: printFailed; 
    src: 
    url("../public/fonts/wlm_print_failed.ttf"), 
    url("../public/fonts/wlm_print_failed.eot"); 
} 

Tôi đã kiểm tra đường dẫn và chính tả của tôi.

Khi tôi kiểm tra phần tử trong trình duyệt, có vẻ như các tệp và tên tệp là chính xác, nhưng trình duyệt thay thế phông chữ chung thay vì phông chữ tùy chỉnh dự định.

Mọi con trỏ? Cảm ơn.

Trả lời

25

Chỉ cần sử dụng / như tất cả mọi thứ trong public trở thành thư mục gốc từ quan điểm của các trình duyệt web:

@font-face { 
    font-family: printFailed; 
    src: 
    url("/fonts/wlm_print_failed.ttf"), 
    url("/fonts/wlm_print_failed.eot"); 
} 
+0

Cảm ơn, tôi có thể đã tuyên thệ nhậm chức ngày hôm qua tôi đã cố gắng này và nó đã không làm việc ... nhưng đã thử nó ngay bây giờ cho mỗi đoạn mã của bạn và nó hoạt động rất tốt. Cảm ơn. – shongololo

+0

hoạt động cục bộ trên Meteor, nhưng không thành công trên triển khai Galaxy. Trên thực tế, nó hoạt động trên Galaxy từ một trình duyệt máy tính để bàn/máy tính xách tay, nhưng không phải trên Galaxy từ điện thoại di động. Weird huh – Jan

+1

Có các quy tắc '@ font-face' trong một tệp Sass một phần hoặc tệp Sass không hoạt động đối với tôi. Tôi đã phải đặt các quy tắc trong một tệp css bên trong '/ public/fonts' và liên kết chúng trong một thẻ' link' trong một tệp có tên '/ client/main_head.html'; tệp đó chỉ có thẻ 'head' và thẻ' link' bên trong (Meteor tải tệp với 'head' trong tên trước). –