Thư mục phông chữ Bootstrap

Question

Tôi đang viết một tác phẩm hội thảo về Twitter Bootstrap. Tôi nên thực hiện một mô tả của tất cả các tập tin trong file bootstrap nhưng tôi không biết những gì các tập tin duy nhất trong thư mục phông chữ chính xác làm.

├── glyphicons-halflings-regular.eot 
    ├── glyphicons-halflings-regular.svg 
    ├── glyphicons-halflings-regular.ttf 
    ├── glyphicons-halflings-regular.woff 
    └── glyphicons-halflings-regular.woff2 

Có ai có thể mô tả việc sử dụng 5 tệp đó không?

Answer 1

Chúng chỉ là định dạng khác của phông chữ Glyphicons, để hoạt động với các trình duyệt khác nhau. Xem this page cho một lời giải thích có ích:

Đây là phương pháp với sự hỗ trợ sâu nhất có thể ngay bây giờ:

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
} 

Xem corresponding lines in the Bootstrap LESS source.