Không gian vuông so với bootstrap

Blog WebArtDevelopers mang đến cho bạn những Thiết kế tốt nhất bao gồm nhiều yếu tố khác nhau như Nút, Mũi tên, Băng báo, Menu, Mẫu, Chủ đề Wordpress, Chủ đề Bootstrap, v. v. Front-end của trang web hoặc hệ thống của bạn một cách nhanh chóng

Nó mang đến cho bạn, các ví dụ mã html được chọn thủ công miễn phí và các ví dụ về mã css, hướng dẫn tốt nhất, bài viết hay nhất. plugin jquery, plugin javascript, mẫu web và mẫu di động khác nhau, chủ đề wordpress và chủ đề bootstrap

Đối với những người sử dụng trình quản lý gói npm hoặc yarn, bạn có thể sử dụng gói Font Awesome để dễ dàng cập nhật dự án của mình với các biểu tượng và cải tiến mới nhất

Chúng tôi sẽ đề cập đến những điều cơ bản về cách chọn gói phù hợp nhất với nhu cầu của bạn, cấu hình truy cập, mẹo sử dụng phương pháp nào để thêm biểu tượng, v.v.

Chúng tôi có một vài gói có sẵn

Gói Có gì trong đó Có gì tốt cho fontawesome-proTất cả tính năng ưu việt của Phiên bản 6 bao gồm tất cả các tính năng mới nhất và biểu tượng Pro, bao gồm 5 kiểu có sẵn trong 2 dòng, Cổ điển và Sharp mới của chúng tôi. Và trên đó cũng có dòng biểu tượng Thương hiệu của chúng tôi. Làm cho các dự án trở nên tuyệt vời mà không cần phông chữ Tất cả tính năng tốt của Phiên bản 6 nhưng chỉ có các biểu tượng Miễn phí Các dự án nguồn mở

Về cơ bản, các gói chứa tất cả nội dung trong bản tải xuống Phông chữ Tuyệt vời cho Web, nhưng được đóng gói dưới dạng một gói. Chọn một cái phù hợp với dự án của bạn và làm theo các bước bên dưới để thiết lập

1. Định cấu hình quyền truy cập

Nếu bạn chỉ dùng gói Free thì có thể bỏ qua bước này

Nếu bạn dự định sử dụng các gói Pro có chứa nhiều biểu tượng và kiểu hơn, bạn sẽ cần phải đăng ký Gói Pro đang hoạt động và Mã thông báo gói Pro hợp lệ, sau đó làm theo các bước bên dưới để định cấu hình quyền truy cập Pro cho dự án của bạn

Giữ bí mật, giữ an toàn

Mã thông báo npm siêu bí mật của bạn - TOKEN - là riêng tư. Đừng chia sẻ nó với bất cứ ai không nên có nó. (Bạn có thể tìm thấy nó trong tài khoản của bạn. )

Bây giờ bạn đã có sẵn mã thông báo gói của mình, bạn sẽ cần định cấu hình phạm vi @fortawesome để sử dụng sổ đăng ký Pro npm của chúng tôi. Bạn có thể thiết lập điều này trên toàn cầu hoặc theo từng dự án

Thiết lập mã thông báo npm cho tất cả các dự án

Thiết lập chung này sẽ cho phép bất kỳ dự án nào của bạn sử dụng gói Font Awesome và mã thông báo của bạn. Để thiết lập toàn cầu, hãy chạy

Thiết lập mã thông báo npm cho một dự án cụ thể

Thiết lập theo từng dự án này cho phép bạn định cấu hình từng dự án riêng lẻ, điều này có thể tốt cho các nhóm và CI/CD

Bạn sẽ cần tạo một tệp .npmrc trong thư mục gốc của dự án (hoặc bất cứ nơi nào tệp package.json của bạn tồn tại) và đặt tệp này vào đó

Thiết lập thay thế cho mỗi dự án. Sử dụng biến môi trường

Bạn có thể sử dụng các biến môi trường npm trong. tập tin npmrc nếu bạn thích

Thiết lập từng dự án cho sợi hiện đại

Sử dụng một. tệp npmrc hoạt động tốt cho Sợi 1. x nhưng đối với Sợi hiện đại, bạn sẽ muốn thiết lập một. sợirc. tập tin yml

Thiết lập Sợi hiện đại với các biến môi trường

Nếu đang sử dụng proxy, bạn có thể sử dụng xác thực cơ bản trong. tập tin npmrc

2. Cài đặt gói của bạn

Có hai tùy chọn để cài đặt các gói Font Awesome

Cài đặt những gì bạn nhận được tất cả mọi thứ Gói miễn phí và Pro không chỉ bao gồm các biểu tượng trong tất cả các kiểu mà còn có tất cả các tệp hỗ trợ để hiển thị chúng. Đây là cách cài đặt dễ dàng và phổ biến nhất. Thực hiện theo các bước dưới đây để cài đặt này. Một số điều cụ thể Bạn có thể bắt đầu chỉ với các tệp javascript cốt lõi và sau đó chọn các kiểu biểu tượng cụ thể. Điều này mang lại cho bạn nhiều quyền kiểm soát hơn nếu bạn định sử dụng API Javascript của chúng tôi, một thành phần Javascript, rung cây hoặc chỉ muốn tinh chỉnh những gì được đưa vào. Làm theo các bước dành cho API Javascript cho cài đặt này

Gói chuyên nghiệp

Khi bạn đã thiết lập quyền truy cập toàn cầu hoặc theo từng dự án, bạn có thể cài đặt gói Phiên bản 6 Pro qua npm hoặc yarn

Hoặc nếu bạn đang sử dụng biến môi trường, bạn có thể làm điều này thay thế

Gói miễn phí

Nếu bạn chỉ cần các biểu tượng Miễn phí, chúng tôi có gói chỉ miễn phí được rút gọn cho điều đó. Cài đặt bằng lệnh này

Hoặc nếu bạn đang sử dụng biến môi trường, bạn có thể làm điều này thay thế

3. Chọn phương pháp của bạn và thêm biểu tượng

Bạn đã sẵn sàng để tham khảo Font Awesome trong dự án của mình. Bạn có thể sử dụng Phông chữ Web + CSS hoặc SVG + JS để đưa biểu tượng vào dự án của mình

Squarespace là một công cụ xây dựng trang web phổ biến với giao diện kéo và thả đơn giản. Nó cung cấp cho người dùng nhiều loại mẫu và tính năng để lựa chọn, làm cho nó trở thành lựa chọn phổ biến cho các doanh nghiệp cũng như cá nhân. Một tính năng mà Squarespace cung cấp là khả năng tạo thông tin đăng nhập của người dùng

WiX - Tạo trang web miễn phí với Wix. com. Tùy chỉnh với trình tạo trang web của Wix, không cần kỹ năng mã hóa. Chọn một thiết kế, bắt đầu tùy chỉnh và trực tuyến ngay hôm nay

Webflow - Xây dựng các trang web động, đáp ứng trong trình duyệt của bạn. Khởi chạy bằng một cú nhấp chuột. Hoặc xuất mã rõ ràng của bạn để lưu trữ bất cứ nơi nào bạn muốn. Khám phá công cụ xây dựng trang web chuyên nghiệp dành cho các nhà thiết kế

WordPress - WordPress là phần mềm web bạn có thể sử dụng để tạo một trang web hoặc blog đẹp. Chúng tôi muốn nói rằng WordPress vừa miễn phí vừa vô giá

Adobe Dreamweaver - Adobe Dreamweaver là một công cụ phát triển web độc quyền được phát triển bởi Adobe Systems

Pinegrow - Trình chỉnh sửa trực quan chuyên nghiệp cho Bootstrap 4 và 3, Foundation, thiết kế đáp ứng, HTML và CSS. Chuyển đổi chủ đề HTML sang WordPress

WordPress. com - Tạo một trang web miễn phí hoặc xây dựng một blog dễ dàng trên WordPress. com. Hàng tá thiết kế và chủ đề miễn phí, có thể tùy chỉnh, sẵn sàng cho thiết bị di động. Lưu trữ và hỗ trợ miễn phí