Hướng Dẫn Thêm Font Chữ Tùy ý Cho Website - Cùng Học Web

Trang chủ » Chèn Font Chữ Vào Html » Hướng Dẫn Thêm Font Chữ Tùy ý Cho Website - Cùng Học Web

Có thể bạn quan tâm

Để có một website chuyên nghiệp và bắt mắt thì điều quan trọng tạo nên nó chính là font chữ hiển thị trên website, ngoài thư viện có sẵn, nổi bật là Google Font thì bạn có thể tự cài thêm cho website của mình nhiều font chữ khác nhau.

Trong bài này có

  • 1. Các font an toàn
  • 2. Thêm font
  • 3. Tóm lại
1. Các font an toàn

Trước khi nói đến vấn đề chính, ta cần xem lại các font an toàn, nghĩa là nó hiển thị trên đa số các ngôn ngữ khác nhau mà không vấn đề gì.

  • Arial
  • Time New Roman
  • Georgia
  • Tahoma
  • Verdana
  • Trebuchet MS
  • Courier New
  • Comic Sans MS
  • IMPACT
2. Thêm font

Để bắt đầu, ta nên tìm hiểu cấu trúc của đoạn CSS để ta có thể nhúng font vào website:

@font-face { font-family: font_name; src:url('../duong-dan-font.ttf') format('truetype'), font-style:normal; }

Giải thích:

  • font_name : Là tên bạn sẽ đặt cho Font
  • /duong-dan-font.ttf : Là đường dẫn đến font, định dạng ttf
  • Ngoài font .ttf thì bạn cũng có thể dùng woff

Vậy là xong, bây giờ khi muốn hiển thị font, bạn chỉ cần thêm dòng css ở nơi bạn thích.

font-family: font_name; 3. Tóm lại

Ngoài những thư viện font có sẵn thì bạn cũng có thể tìm tải các font Tiếng Việt đẹp trên internet và cài vào website nhanh chóng, nhưng lưu ý, hiển thị nhiều font khác nhau trên cùng một website có thể sẽ làm nặng website và dẫn đến website chạy chậm làm giảm trải nghiệm người dùng.

Từ khóa » Chèn Font Chữ Vào Html