Khuyến mại Hosting - Tốc độ load site dưới 3 giây

Khuyến mãi hosting siêu tốc

Khuyến mãi mua đèn led chiếu sáng Nhật Bản

Khuyến mãi mua Đèn LED Nhật Bản

Google đã cho ra mắt bộ Font dành cho website, hỗ trợ trên tất cả cá trình duyệt tại địa chỉ: https://fonts.google.com. Với địa chỉ này đáng tin cậy cho bạn xài bất cứ lúc nào. Nhưng để sử dụng nó thì không phải ai cũng rành nó. Để sử dụng nó thì hôm nay Vinadomain.vn hướng dẫn các bạn tìm font trên đó cũng như thêm chúng vào website của bạn.

Lưu ý: Với Google Font bạn cần xác định website của bạn là ngôn ngữ nào để tìm kiếm font google hỗ trợ ngôn ngữ đó.

Sau đây Vinadomain hướng dẫn các bạn thao tác đối với việc sử dụng Font tiếng Việt.

  1. Đầu tiên bạn truy cập địa chỉ: https://fonts.google.com/

  2. Tiếp đến bạn tiến hành tìm kiếm Font mà Google hỗ trợ dành cho tiếng Việt.

    Bạn cần chọn đúng ngôn ngữ tiếng Việt

  3. Nó sẽ ra dánh cách font hỗ trợ và cả mẫu demo cùng tính năng chọn lấy font.

  4. Tiếp đến bạn bấm vào nút dấu cộng màu đỏ ở khu vực thêm mà ban muốn chọn để mở ra cửa sổ thông báo của Google Font kèm link nhúng.

  5. Nó sẽ hiển thị cửa sổ nhỏ bên dưới và bạn mở nó lên.

  6. Sau khi mở lên bạn có 2 phương án nhúng Google Font

    • Cách 1: nhúng vào trong thẻ <head> của mã html mở đầu của website.
    • Cách 2: nhúng trực tiếp vào trong file css

Cách 1: Chèn đường dẫn link Google Font vào trong cặp thẻ html <head>.

  1. Trong phần “STANDARD” như hình dưới bạn chọn phần khoanh đỏ tiếp theo, copy chúng
  2. Tiếp đến bạn mở file hiển thị phần mở đầu website tìm tới dòng mở đầu có lệnh <head> hoặc trước lệnh </head>
  3. Bạn dán đoạn mà bạn vừa copy vào đó.
  4. Trong file css bạn khai báo font-family như hình trên là nó sẽ tự hiểu lấy link Google Font và hiển thị font mới theo khai báo của bạn.

Cách 2:  nhúng trực tiếp vào trong file css

  1. Trong phần “@IMPORT” bạn chọn nó nó sẽ ra như hình sau.
  2. Tại đây bạn copy đoạn mã @import url(… như trong khoanh màu đỏ trên.
  3. Sau đó bạn dán nó vào đầu file style.css hoặc file .css bất kỳ miễn là file đó luôn được gọi ở bất kỳ trang nào của website.
  4. Tiếp đến trong css bạn khai báo font-family như hình trên nhưng là Google Font mà bạn chọn.

Ưu điểm của việc sử dụng link google font:

  • Tiếp kiệm thời gian ngồi viết code.
  • Font chuẩn.
  • Giảm số dòng lệnh viết khi nhúng Font cho web.

Nhược điểm:

  • Khi mạng kém chập trờn thì load link google font rất lâu dẫn đến bể website.
  • Phụ thuộc vào máy chủ bên Google cung cấp link font.
  • Tăng thời gian load site.

Post Comment