2012-09-17 18 views
19
@font-face 
    font-family: 'AllerRegular' 
    src: url('/fonts/aller/aller_rg-webfont.eot') 
    src: url('/fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller/aller_rg-webfont.woff') format('woff'), url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg') 
    font-weight: normal 
    font-style: normal 

Trong ví dụ trên, tôi đang thêm phiên bản svg của phông chữ này nhưng tôi không chắc ID là chính xác. Nếu chỉ có một phông chữ được bao gồm trong SVG này thì có cần phải có id đúng không?Hàm băm có cần thiết trong khai báo phông chữ svg không?

+4

Sẽ không cố gắng khi có và không có thẻ bắt đầu bằng # không? – Chris

+0

Đã từng nghĩ ai đó có thể không tham gia. Tôi nghĩ rằng các tệp phông chữ này chỉ được sử dụng cho ipad/iphone và tôi không thể truy cập ứng dụng này hiện tại trên một trong hai thiết bị. –

Trả lời

40

Có, nó là bắt buộc. This article nói:

Trong mã CSS ở trên, bạn thực sự có thể thấy rằng phiên bản SVG cần một thông tin thêm, ID của nó, sau khi hashtag (#) trong tên tập tin khai. Nếu bạn không điền nó không hoạt động, vì vậy bạn cần phải tìm thông tin này mở tệp SVG trong tài liệu TXT hoặc notepad và tìm dòng sau, gần đầu trang.

this one nói:

Với phông chữ SVG, họ cũng cần một #hashtag;

Thẻ bắt đầu bằng # chỉ đơn giản là con trỏ đến ID của phông chữ được xác định bên trong SVG. Nếu bạn không bao gồm, toàn bộ tệp SVG sẽ được tải, bao gồm các tiêu đề SVG ngăn không cho nhận dạng phông chữ.

+1

cuối cùng ai đó giải thích điều này, +1 – Mark

+1

Giả sử bạn có một đường dẫn như 'fonts/thefont.svg # thefont' - bạn có thể thêm biến GET phiên bản không, nghĩa là 'fonts/thefont.svg # thefont? V = 3.2.1 '? Tôi hỏi vì tôi không thể tải phông chữ SVG để tải trong Chrome bằng biến GET được đính kèm. – aendrew

+0

@aendrew Bạn có thể cần phải trao đổi các phần URL của bạn xung quanh, cos tất cả mọi thứ sau khi băm * không * gửi đến máy chủ. Vì vậy, hãy thử 'thefont.svg? V = 3.2.1 # thefont'. Tôi đã không thử nghiệm nó, nhưng nó có nhiều khả năng để làm việc. –