[MUSIC]
Bây giờ chúng ta hãy nói về phông chữ biểu tượng.
Họ là cái gì?
Chúng hữu ích như thế nào?
Và làm thế nào để chúng ta sử dụng chúng trong việc thiết kế trang web của chúng tôi?
Phông chữ biểu tượng cung cấp một cách rất linh hoạt để bao gồm các
hình ảnh nhỏ vào các trang web của chúng tôi có thể được tạo kiểu giống như văn bản.
Vì vậy, đó là lý do phông chữ biểu tượng chứng minh rất,
rất hữu ích trong việc thiết kế các trang web.
Sử dụng phông chữ biểu tượng, bạn có thể lấy một trang web như thế này và
nhanh chóng biến nó thành một trang web như thế này.
Lưu ý việc sử dụng các biểu tượng cùng với văn bản trong thanh dẫn hướng,
và sau đó khi bạn cuộn xuống chân trang,
bạn có thể thấy nhiều biểu tượng được sử dụng trong chân trang.
Và các liên kết truyền thông xã hội của bạn bây giờ được thay thế bằng các nút truyền thông xã hội ở đây.
Vì vậy, đây là những thay đổi mà phông chữ biểu tượng sẽ cho phép bạn làm cho trang web của bạn.
Vì vậy, như tôi đã đề cập ngắn gọn trước đó, phông chữ biểu tượng là một tập hợp các ký hiệu hoặc
glyphs có thể được sử dụng trong thiết kế trang web của bạn.
Chúng có thể được sử dụng giống như phông chữ thông thường,
giống như phông chữ văn bản thông thường mà bạn sử dụng trong trang web của mình.
Lợi thế của họ là bạn có thể phong cách chúng và
sau đó mở rộng và hợp đồng chúng và sử dụng tất cả các
kiểu dáng điển hình mà bạn sử dụng trên văn bản của bạn, cho các biểu tượng của bạn cũng.
Chúng được xem như là một sự thay thế nhẹ phổ biến cho
đồ họa đơn giản mà bạn có thể sử dụng trong các trang web của bạn,
chỉ đơn giản là đồ họa hoặc hình ảnh mà bạn có thể sử dụng trong các trang web của bạn.
Và chúng rất, rất hữu ích trong việc thiết kế các trang web của bạn.
Có rất nhiều gói phông chữ biểu tượng có sẵn trên thị trường.
Một trong những cái phổ biến nhất là Font Awesome,
mà tôi sẽ nói về tiếp theo.
Font Awesome, như tôi nói, là một phông chữ biểu tượng rất phổ biến.
Nó có sẵn miễn phí để sử dụng trong việc thiết kế thiết kế trang của bạn.
Nó đã được sử dụng rộng rãi bởi nhiều trang web khác nhau.
Chúng ta sẽ tìm hiểu làm thế nào để tải về Font Awesome và
sau đó sử dụng nó trong trang web trong bài tập sau bài giảng này.
Sử dụng Font Awesome trong trang web của bạn là đơn giản như
sử dụng một số lớp học được áp dụng cho một i,
hoặc một thẻ span trong mã HTML trang web của bạn.
Vì vậy, một khi bạn bao gồm CSS và
các tập tin phông chữ có sẵn thông qua Font Awesome,
sau đó nó là rất đơn giản để làm cho việc sử dụng Font Awesome trong các trang của bạn.
Một tính năng phổ biến khác mà bạn sẽ thấy trên
các trang web là việc sử dụng các nút trang web xã hội có như Facebook
, Twitter, Google+ và YouTube và nhiều người khác.
Bây giờ may mắn thay cho chúng tôi, có
tập tin CSS khác được gọi là bootstrap-social mà bạn có thể tải về và
sử dụng, bao gồm các
nút trang web truyền thông xã hội khác nhau vào trang web của bạn.
Chúng ta sẽ thấy việc sử dụng bootstrap-xã hội trong bài tập sau.
Một khi bạn tải về tập tin css bootstrap-xã hội, bạn bao gồm trong trang web của bạn.
Và sau đó cùng với các biểu tượng Font Awesome,
bạn có thể kết hợp với các lớp học xã hội bootstrap
để bao gồm các nút truyền thông xã hội khác nhau trên các trang web của bạn.
Vì vậy, không có thêm ado, chúng ta hãy chuyển sang bài tập tiếp theo, nơi
chúng ta sẽ sử dụng cả Font Awesome và bootstrap-xã hội,
một phiên bản sửa đổi của bootstrap-social.css tập tin mà tôi
cung cấp trên các hướng dẫn tập thể dục mà bạn nên tải về và
bao gồm trong dự án nhầm lẫn của bạn và sử dụng của nó trong bài tập.
[ NHẠC]