[blog]
Hướng dẫn các bạn cách cài đặt thiết lập thư viện Font của Google cho blogspot, rất nhiều font đẹp cho blogspot đang chờ bạn lựa chọn.
"Google Fonts là thư viện gồm 991 phông chữ được cấp phép miễn phí, giúp chúng ta cài đặt Font lên web, blog hoặc Android."
Đầu tiên các bạn truy cập link Google Font https://fonts.google.com và chọn cho mình một Font ưa thích nhất, phù hợp với blog của các bạn.
Lưu ý chọn font có hỗ trợ tiếng Việt nhé, nó có bảng demo các bạn cứ gõ chữ tiếng Việt vô để kiểm tra và chọn kiểu hiển thị, mặc định nó có 1 đoạn văn bản để chúng ta test.
Sau khi các bạn chọn, thiết lập xong thì nhấn vô cái ô của nó để chọn font
Sau khi chọn kiểu hiển thị nó hiện ra 1 bảng list style từ nhạt cho đến đậm
Sau khi chọn được kiểu hiển thị thì các bạn nhấn chọn vô + Select this style bên phải cạnh nó và nhấn vô Tab Embed để lấy link
Nó hiện ra bảng hướng dẫn:
- Copy link font dán trong thẻ <head> </head> lưu ý là các bạn sửa chữ & thành & để không bị lỗi nhé đó là ký tự đặc biệt nên blog nó không hiểu và không cho lưu.
Xem thêm cách load link css không bị cảnh báo: Hướng dẫn load CSS từ host ngoài vào blog
- Và đoạn dưới là cách cài đặt font cho từng mục bằng CSS.
Ví dụ mình cài đặt font trên cho toàn bộ web thì dán css đó vô thẻ css body như sau
body {
font-family: 'Roboto', sans-serif;
}
Hoặc các bạn chỉ muốn cài đặt font đó cho 1 class hoặc id nào đó trên blog thì cài đặt css như sau
.ten-class{
font-family: 'Roboto', sans-serif;
}
#ten-id{
font-family: 'Roboto', sans-serif;
}
Còn tùy thuộc vô trình độ về CSS của các bạn mà có thể tùy biến thêm.
Kết luận: Đây là một bài hướng dẫn chi tiết cài đặt Google Font cho blogspot, chúc bạn áp dụng thành công.
[/blog]