Trang chủ » Đồ họa » IcoFont mang đến cho bạn hơn 2100 biểu tượng miễn phí trong một tệp phông chữ

    IcoFont mang đến cho bạn hơn 2100 biểu tượng miễn phí trong một tệp phông chữ

    Với sự gia tăng của phông chữ webphông chữ CSS có thể nhúng, ngày nay dễ dàng hơn nhiều để tạo các trang web thực sự độc đáo từ đầu.

    Xu hướng mới nhất là phông chữ biểu tượng thường nhỏ hơn hình ảnh, dễ chia tỷ lệ hơn và chúng rõ ràng trên tất cả các kích thước màn hình (bao gồm cả võng mạc). Bạn có thể tìm thấy nhiều phông chữ biểu tượng trực tuyến nhưng IcoFont thực sự mất bánh.

    Kiểu chữ biểu tượng miễn phí này đi kèm với hơn 2.100 biểu tượng, tất cả được bó lại thành một tập tin phông đơn.

    Bạn có thể tải về nguồn thô với tất cả các biểu tượng hoặc chỉ biểu tượng nhất định “các gia đình” chẳng hạn như tiền tệ, kinh doanh, xã hội hoặc giao diện người dùng di động (trong số nhiều người khác).

    Trang web này hoạt động như một tài liệu trực tuyến cho tất cả các biểu tượng này, vì vậy bạn có thể sao chép / dán mã vào trang web của mình một cách nhanh chóng. Các biểu tượng IcoFont hoạt động nhiều như các biểu tượng FontAwgie mà, ví dụ, được sử dụng theo mặc định trong khung Bootstrap.

    Mọi thứ hoạt động thông qua thành phần điều đó đòi hỏi hai lớp CSS:

    1. lớp IcoFont mặc định
    2. một lớp học cho từng loại biểu tượng

    Ví dụ: để thêm biểu tượng lâu đài vào tài liệu của bạn, bạn sẽ thêm một cái gì đó như thế này vào bố cục của mình:

      

    Về mặt kỹ thuật bạn có thể thêm các biểu tượng này cho bất kỳ yếu tố nào bạn thích nhưng mã mặc định từ IcoFont dựa vào yếu tố.

    Lưu ý thư viện này không nên nhầm lẫn với một chương trình có tên Icofont hoàn toàn không phải là thư viện mà là giao diện để quản lý phông chữ biểu tượng bên trong các ứng dụng RoR của bạn. Vì chương trình này có cùng tên với thư viện IcoFont, nên có thể rất khó để biết thêm thông tin.

    Thư viện này là vẫn còn rất mới và tôi không thể tìm thấy nó trên GitHub hoặc bất kỳ nơi nào khác trên web. Nhưng, nếu bạn đang tìm kiếm thêm thông tin, tôi rất khuyến khích truy cập trang web và tải xuống một bản sao. Bạn sẽ tìm thấy tất cả mã nguồn thích hợp ngay tại đó và bạn thậm chí có thể duyệt tất cả các biểu tượng theo thể loại để xem những gì trong bộ.

    © PHHSNEWS
    Thông tin hữu ích và lời khuyên về phát triển web. Lập trình, thiết kế web, CSS, HTML, JAVASCRIPT. Cấu hình và cài đặt lại WINDOWS. Tạo các trang web và ứng dụng từ đầu.