Bootstrap Glyphicons không render sử dụng Bootstrap phiên bản địa phương

Question

Tôi đang sử dụng bootstrap trong django và nó hoạt động hoàn hảo cho tất cả các lớp bootstrap khác, ngoại trừ lớp biểu tượng như: class="glyphicon glyphicon-download-alt"

Snapshot với lỗi ở phía dưới bên phải:

Snapshot khi tập tin bootstrap.min.css bao gồm:

On làm kiểm tra nguyên tố nó chứa tất cả glyphicons ảnh chụp của nó là-

Nó chỉ hoạt động nếu tôi liên kết http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css trong file html của tôi; nhưng nó không hoạt động nếu tôi bao gồm bootstrap.min.css từ máy tính của mình. Nếu không, mọi lớp bootstrap hoạt động hoàn hảo. Hy vọng bạn hiểu vấn đề của tôi. Cảm ơn trước.

Answer 1

Nó không hoạt động vì bạn đã lưu tệp CSS từ liên kết CDN. Điều đó sẽ không hoạt động, bởi vì các glyphicons được liên kết với liên quan đến tệp CSS đó. Ví dụ:

@font-face{ 
    font-family:'Glyphicons Halflings'; 
    src:url(../fonts/glyphicons-halflings-regular.eot); 
} 

Điều này có nghĩa, là các tập tin Bootstrap tải đang tìm kiếm các glyphicons trong một thư mục trên máy tính của bạn (mà bạn không có).

Bạn cần tải xuống đúng cách Bootstrap từ the official download link. Bản tải xuống chính thức này chứa thư mục /fonts/ chứa các tệp phông chữ glyphicon thực tế.

Ngoài ra, bạn có thể thay đổi tất cả các đường dẫn phông chữ trong tệp CDN thành liên kết tuyệt đối với phông chữ trên CDN ... nhưng điều đó không thực sự hợp lý.

Answer 2

Cuối cùng, sự cố của tôi đã được giải quyết. Trên thực tế vấn đề là trong khi sử dụng Glyphicons trong trang web của chúng tôi như trong django, chúng tôi cũng phải sao chép thư mục phông từ thư mục bootstrap-3.3.2-dist được tải xuống từ bootstrap official link

Một vấn đề khác là khắc phục. Xem cấu trúc này, nơi phông chữ là tôn trọng tệp css và sau đó dán phông chữ phông chữ.

 
bootstrap/ 
├── less/ 
├── js/ 
├── fonts/ 
├── dist/ 
│ ├── css/ 
│ ├── js/ 
│ └── fonts/ 
└── docs/ 
    └── examples/ 

Nhưng nó làm việc cho tôi trong django ngay bên trong thư mục tĩnh.