# 113: Tạo và Sử dụng Phông chữ Biểu tượng Tùy chỉnh - Thủ thuật CSS

Anonim

Như chúng tôi đã nói ở đây nhiều lần: phông chữ biểu tượng thật tuyệt vời. Chúng có hiệu quả giống như cách CSS sprites hiệu quả: rất nhiều hình ảnh có thể sử dụng cho các khu vực / mục đích khác nhau trong một lần tải xuống. Nhưng chúng thậm chí còn tuyệt vời hơn sprite vì chúng là vector và do đó có thể chia tỷ lệ đến bất kỳ kích thước nào, được làm bóng, thay đổi màu sắc và hơn thế nữa. Chúng cũng trông tuyệt vời trên màn hình retina (hoặc màn hình có kích thước và độ phân giải bất kỳ).

Để có hiệu quả nhất với phông chữ biểu tượng của bạn, bạn chỉ nên tải các ký tự mà bạn cần tải. Và để linh hoạt, thật tuyệt khi có thể thêm vào một phông chữ biểu tượng duy nhất từ ​​nhiều bộ hoặc từ bất kỳ vector / SVG nào ở bất kỳ đâu. Ứng dụng IcoMoon cho phép bạn thực hiện tất cả những điều này từ giao diện siêu đơn giản. Bạn chọn các biểu tượng bạn muốn, ánh xạ chúng thành bất kỳ ký tự nào bạn muốn, sau đó xuất HTML / CSS / Phông chữ Web ở định dạng sẵn sàng sử dụng.

Các liên kết từ video:

  • IcoMoon
  • Entypo
  • Tại sao Phông chữ Biểu tượng lại tuyệt vời
  • Làm tròn các Phông chữ Biểu tượng
  • StateFace
  • GeoBats
  • ShopTalk