Trước đây, khi tạo các trang web, bạn phải sử dụng các biểu tượng bitmap. Nó đẹp, nhưng bất tiện vì nhiều lý do. Ngày nay, các biểu tượng vector đã thay thế các biểu tượng raster. Đây là một giải pháp ban đầu và trang nhã sẽ trang trí và làm mới trang web của bạn.
Hướng dẫn
Bước 1
Có một dịch vụ web tốt để tạo phông chữ từ các biểu tượng. Nó được gọi là Fontastic. Nó hoàn toàn miễn phí và không có quảng cáo. Bước đầu tiên là đăng ký trên trang web của dịch vụ. Truy cập trang web fontastic.me, nhập địa chỉ email của bạn vào các trường nhập và tạo mật khẩu, sau đó nhấp vào nút lớn màu vàng "Tạo phông chữ biểu tượng của bạn". Đôi khi xảy ra trường hợp không hiển thị thông tin xác nhận đăng ký thành công. Đừng lo lắng về điều đó, hãy chuyển sang bước tiếp theo.
Bước 2
Bây giờ hãy nhấp vào nút "Đăng nhập" nằm ở góc trên bên phải. Trên trang mở ra, nhập lại e-mail và mật khẩu của bạn, nhấn nút "Đăng nhập".
Sau vài giây, bảng tạo phông chữ từ các biểu tượng sẽ mở ra.
Bước 3
Đây là một lựa chọn lớn các biểu tượng. Bằng cách nhấp vào các biểu tượng bạn thích bằng chuột, chọn bao nhiêu biểu tượng bạn cần. Ở trên cùng, sau từ "PUBLISH", số lượng biểu tượng đã chọn được biểu thị.
Bước 4
Nếu bạn không có đủ biểu tượng từ số đã trình bày, hãy cuộn xuống cuối trang và tìm nút có nội dung "Thêm biểu tượng khác". Nhấn vào nó.
Bước 5
Một trang với các gói biểu tượng bổ sung sẽ mở ra. Một số trong số chúng được trả phí (có nhãn "Premium"), một số miễn phí. Để kích hoạt các biểu tượng bổ sung, hãy nhấn nút "KÍCH HOẠT" trên các gói đã chọn. Bây giờ chúng sẽ xuất hiện trong danh sách chung các biểu tượng có sẵn khi bạn bắt đầu với bảng điều khiển bằng cách nhấp vào nút "Trang chủ" ở menu trên cùng.
Bước 6
Nếu bạn cần thêm các biểu tượng của riêng mình, thì trên cùng trang ở trên cùng bên phải, hãy nhấp vào nút "NHẬP BIỂU TƯỢNG". Bây giờ bạn có thể tải lên các biểu tượng của riêng bạn. Xin lưu ý rằng chỉ định dạng vectơ SVG được hỗ trợ.
Bước 7
Sau khi chọn đủ số lượng biểu tượng cần thiết, hãy nhấn nút "TÙY CHỈNH". Tại đây, bạn sẽ thấy tất cả các biểu tượng đã chọn và bạn có thể gán tên lớp tùy ý cho chúng, qua đó bạn sẽ tham chiếu đến chúng trong các kiểu CSS. Hoặc bạn có thể để các tên mặc định mà hệ thống đã gán cho các biểu tượng.
Bước 8
Nhấn nút "XUẤT BẢN". Tại đây bạn có thể tải xuống phông chữ biểu tượng vector đã tạo (nút "TẢI XUỐNG"). Tải xuống kho lưu trữ phông chữ do dịch vụ tạo ra vào máy tính của bạn.
Bước 9
Tệp lưu trữ đã tải xuống chứa tệp kiểu CSS, tệp HTML với tên của các lớp biểu tượng và thư mục "phông chữ" với các phông chữ. Phông chữ biểu tượng này có thể được sử dụng trên trang web của bạn.
Bước 10
Để sử dụng phông chữ biểu tượng đã tạo, bạn cần làm như sau:
- giải nén nội dung của kho lưu trữ và tải lên trang web của bạn trong thư mục với các kiểu;
- chèn liên kết đến tệp CSS trong phần HEAD của tất cả các trang của trang web sẽ hoạt động với phông chữ biểu tượng này;
- trong mã trang, chúng ta sử dụng tên của các lớp đã tạo trước đó để sử dụng phông chữ biểu tượng mới tạo.
