Hướng dẫn thay đổi font chữ mặc định của Blogspot bằng Google Fonts

Chào các bạn, một website chuyên nghiệp thì chắc chắn sẽ không sử dụng font Arial hay Time News Roman làm mặc định rồi. Đa số các trang web trên khắp thế giới đều sử dụng custom font từ Google Fonts.
Trang Bác Sĩ Windows cũng vậy, trang mình sử dụng font Roboto và Roboto Condensed, font này mảnh, đẹp, có hỗ trợ Tiếng Việt.

Những ưu điểm của Google Fonts

Do chính Google thiết kế và lưu trữ, vì vậy được hỗ trợ lâu dài và bền bỉ.
Có hỗ trợ nhiều font Tiếng Việt đẹp và hiện đại.

Bài viết hôm nay mình sẽ hướng dẫn các bạn cài đặt font từ Google Fonts vào Blogspot một cách đơn giản nhất!

Các bước thực hiện

Bước 1. Truy cập vào trang Google Fonts Vietnamese và chọn một font chữ bạn thích.
Bước 2. Bấm vào hình dấu cộng màu cam để chọn font đó.

Bước 3. Sau khi đã chọn font muốn cài đặt, các bạn bấm vào hộp thoại Family Selected, bấm qua tab Custom, tick chọn tất cả những loại font bạn muốn cài và chọn ngôn ngữ Vietnamese.

Bước 4. Bấm qua tab EMBED, copy link và dán vào sau thẻ <head> trong template.

Cách sử dụng trong Blogspot

Bên dưới đoạn code là cách sử dụng.
VD: Mình cài đặt font Roboto thì CSS để áp dụng là

font-family: 'Roboto', sans-serif;

Ngoài ra bạn có thể sử dụng nhiều font cùng lúc, tuy nhiên tốc độ tải trang sẽ giảm so với lúc ban đầu. Nên áp dụng tối đa 3 font trên 1 trang web là hoàn hảo!
Chúc thành công!

Bình luận Blogger

MỘT SỐ LƯU Ý KHI BÌNH LUẬN:
● Comment có văn hóa: Không chửi tục, nói bậy, thông qua khung Comment.
● Với tên "ẩn danh" thì bạn tích vào ô: "chứng minh bạn không phải là rô-bốt".
● Để bình luận một đoạn code, bạn click vào đây để mã hóa code trước nhé !
● Để đăng ảnh làm hình minh họa, bạn click vào đây để Upload ảnh lên sever nhé !