Video – Cách sử dụng font trong html và css
Hướng dẫn chi tiết
"Ra đời, cuộc sống bươm chải, có làm vẫn không có ăn" nên phải gắn QUẢNG CÁO Các bạn cần hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé. Link đăng ký: NHẬN NGAY ƯU ĐÃI Nếu các bạn mua hosting từ link trên, mình sẽ có một ít tiền để duy trì. Cảm ơn
Cách 1: Tải và dùng trực tiếp font
+ Tải font từ trên mạng về (các bạn nên chú ý vấn đề bản quyền).
Bạn đang đọc: Bài 10: Cách sử dụng font trong html và css
+ Lưu vào thư mục chứa mã nguồn html và css. Dùng đường dẫn gián tiếp như đã hướng dẫn ở những bài trước .
+ Trong file css
"Người ta tắt AdsBlock không phải vì người ta dại, mà người ta quý mình nên coi quảng cáo" Hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé. Link đăng ký: NHẬN NGAY ƯU ĐÃI Nếu các bạn mua hosting từ link trên, mình sẽ có một ít tiền để duy trì. Cảm ơn
Dùng @font-face trong file css để định nghĩa font:
+ src : url ( đường dẫn đến file font ). Đường dẫn gồm có luôn cả phần đuôi file .
+ thuộc tính font-family trong trường hợp này có tính năng đặc tên cho font mà tất cả chúng ta muốn dùng .
Để vận dụng font đã định nghĩa, ta dùng thuộc tính font-famaly theo tên mà tất cả chúng ta đặt trong font-face .
Giao diện HTML
Định dạng CSS
Cách 2: Dùng Google font
Hướng dẫn tóm tắt, phần cụ thể sẽ trình diễn trong video bên trên .
+ Vào google search, tìm kiếm từ khóa “ Google font ” hoặc vào đường dẫn https://fonts.google.com
+ Chọn font muốn sử dụng. Mở hộp thao5i nhỏ dưới màn hình Family selected.
Trong tab customize, chọn những định dạng sẽ được hỗ như như bold ( in đậm ), italic ( in nghiêng ), light ( nét mảnh ) …
Lưu ý : càng có nhiều định dạng tương hỗ càng load lâu hơn .
Trong tab Embed, copy đoạn …. và dán vào thẻ head trong file html.
Để áp dụng font, các bạn dùng thuộc tính font-family theo hướng dẫn của Google.
Xem thêm: Podcast là gì? Cách sử dụng Podcast trên iPhone, iPad đầy đủ nhất – https://quangcao24h.net
Các thuộc tính đã hướng dẫn
+ float : left ( right ) dồn những khối
+ overflow : hidden
+ display : block
+ margin và padding
+ border : viền, 1 px ( độ dày ) black ( màu ) solid ( loại nét )
+ text-align : canh lề
+ font-size : kích cỡ .
+ font-weight : bold độ đậm nhạt, giống như thẻ
+ font-family : kiểu chữ
+ font-style : italic : tạo chữ in nghiêng
+ float : left, dồn sang một bên
+ text-decoration : none, underline .
+ line-height : 20 px : độ giãn dòng .
+ color : ( màu chữ ) dùng green, red hay mã màu
+ background-color : ( màu nền ) black
+ background-image : url ( imgage source ) .
Code mẫu: download
Nếu có thắc mắc, đặt câu hỏi bằng cách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.
Đừng quên Like, Share nếu thấy bài viết thú vị.
Liên hệ
Source: https://quangcao24h.net
Category: thuật ngữ quảng cáo