2014-04-15 54 views
6

Tôi đã cài đặt bootstrap-sass-officialfont-awesome bằng cách sử dụng máy cắt. Tôi đã thử tất cả các kết hợp có thể để bao gồm fontawesome trong bootstrap bằng cách sử dụng scss.Bao gồm font-awesome trong bootstrap sass qua Bower

Các giải pháp có thể xảy ra nhất là quy định cụ thể trong hồ sơ main.scss ứng dụng của tôi như sau:

$fa-font-path: "../bower_components/font-awesome/fonts"; 
@import "font-awesome/scss/font-awesome"; 
@import '../../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap.scss'; 

Và để ghi chú bên ngoài @import "bootstrap/glyphicons"; bên trong bootstrap.scss tập tin chính.

Nếu tôi khởi chạy grunt serve tại http://localhost:9000/ (Tôi đang sử dụng một gruntfile từ ứng dụng web mặc định yeoman) Tôi có thể thấy ứng dụng đang chạy.

Tôi có thể xem tệp main.css của mình với tất cả các lớp fontawesome và bên trong nó là url tham chiếu đến vị trí của phông chữ (../bower_components/font-awesome/fonts/fontawesome-webfont.eot).

Mọi thứ có vẻ ok nhưng bất cứ khi nào tôi sử dụng biểu tượng FontAwesome, ví dụ <span class="fa-star"></span> Tôi nhận được một ô vuông trống thay vì biểu tượng. Tôi thiếu một số thứ tôi không thể thấy ...

+1

FA không làm việc với bạn phải thêm tiền tố với fa: pbenard

+1

nghiêm túc? Tôi đã cho tôi 24 giờ để nhận ra sự ngu ngốc của tôi;) @ TheLittlePig nếu bạn viết bình luận của bạn như một câu trả lời tôi sẽ chấp nhận nó – Leonardo

+0

Hoặc chúng tôi có thể xóa câu hỏi bởi vì có thể không có gì để làm với bower tại tất cả – Leonardo

Trả lời

2
<span class="fa-star"></span> 

Nó sẽ không làm gì cả.

Để sử dụng Font tuyệt vời, bạn cần phải thêm tiền tố lớp bởi 'fa':

<span class="fa fa-star"></span> 
Các vấn đề liên quan