2014-05-23 26 views
5

Kính gửi các nhà thiết kế/nhà phát triển thân thiếtBổ sung thêm glyphicons vào bootstrap

Tôi đã tạo thêm 8 glyphicons cho trang web khởi động của mình. Tải chúng lên icomoon và tải chúng xuống dưới dạng phông chữ, tất cả đều hoạt động hoàn hảo.

Tôi có thể thêm phông chữ vào CSS của mình và sử dụng phông chữ đó trong HTML với bất kỳ vấn đề nào, nhưng tôi muốn sử dụng phông chữ làm Glyphicons phụ.

Tôi làm cách nào để thực hiện việc này?

Trả lời

11

tham khảo trang web này cung cấp các biểu tượng phông chữ để bootstrap

Font-Awesome

tải fontawesome đây fontawesome.io

add tập tin css liên kết đến trang của bạn

<link href='/path/to/font-awesome.css' rel='stylesheet'/> 

lớp sử dụng css đề cập trong font-awesome.css nói rõ với 'fa-'

dụ: <i class="fa fa-desktop"></i>

vui lòng copy cssfonts thư mục vào cùng thư mục

+0

Thank cho các lin k, tôi đã nghe nói về fontawsome, nhưng tôi không thể tìm thấy bất cứ điều gì trên trang web của họ, bạn có thể chính xác hơn? –

+0

xem mã được cập nhật –

-1

bước để sử dụng font-Awsome

  1. Tải Font-Awsome
  2. Extract .zip nộp
  3. sau khi giải nén , bạn sẽ nhận được thư mục tức là font-awesome-4.5.0
  4. Thêm thư mục này bằng cách kéo và thả nội dung của bạn hoặc thư mục bootstrap
  5. Add font-awesome.css tập tin như một tài liệu tham khảo trong web-page của bạn

    <link href="~/Content/font-awesome-4.5.0/css/font-awesome.css" rel="stylesheet" /> 
    
  6. có được biểu tượng như đã nói bởi @G Ravinder tức là

    <i class="fa fa-desktop"></i> 
    <span class="fa fa-desktop"></span> 
    

Đó là tất cả :-)

Các vấn đề liên quan