Hướng dẫn cách Kiểm tra Font chữ 1 website và cách thay Font chữ cho Blogger / Blogspot / Wordpress
Các font chữ cơ bản, thông dụng trong máy tính mà bạn có thể áp dụng cho Blogger / Blogspot / Wordpress mà mình thiết kế đó chính là:
- Arial
- Helvetica
- Verdana
- Tahoma
- Palatino
- Time New Roman
- Georgia
1. Cách Kiểm tra Font chữ 1 website
Bạn đang lướt trên internet, bạn bỗng nhìn thấy một Blogger / Blogspot / Wordpress của ai đó đang sử dụng font chữ rất đẹp, bắt mắt và ấn tượng, bạn cũng muốn ngay lập tức được sử dụng font chữ đó cho Blogger / Blogspot / Wordpress của riêng mình? Tuy nhiên bạn không biết font chữ đó làgì, kích thước font là bao nhiêu…Vậy làm sao để chúng ta có thể biết font chữ của Blogger / Blogspot / Wordpress một cách đơn giản nhất mà không cần thông qua HTML đầy phức tạp?
Bước 1 : Cài tiện ích Extension What Font, Here
Bước 2 : Click tiện ích What Font và quét vùng Font chọn nó sẽ hiện ra
2. Cách thay Font chữ cho Blogger / Blogspot / Wordpress
- Thay trong CSS HTML, bạn vào tìm xem nó ở thẻ DIV nào nhé, nhẫn phải chuột vào trang bài viết, nhấn Kiểm tra.
 |
| thay Font 1 Blogger / Blogspot / Wordpress |
Đưa con trỏ chuột đến ô kiểm tra bên phải nó sẽ bao trùm cả bài viết và thấy thẻ DIV, như của mình là content-wrapper
Mẹo : trong HTML nhấn Ctrl + F tìm font-family, hay font-size để ra tất cả các thẻ này và thay nhé!
Hoặc thay trong thẻ body và post-body nhé, bạn tìm trong HTML gõ tìm kiếm body, như dưới, thay Font bởi font-family, font-size thay trong post-body
body {
color: #2e2e2e;
font-family: Lora;
font-size: 14px;
font-weight: normal;
line-height: 21px;
background: $bodybackground;
}
.post-body {
margin: 0px;
padding:10px;
font-size: 14px;
line-height: 26px;
box-sizing: border-box;
}
 |
| Font chữ cho Blogger / Blogspot / Wordpress |
Thay Css cũ:
body {
color: #2e2e2e;
font-family: Lora;
font-size: 14px;
font-weight: normal;
line-height: 21px;
background: $bodybackground;
}
.post-body {
margin: 0px;
padding:10px;
font-size: 14px;
line-height: 26px;
box-sizing: border-box;
}
Thành Css mới:
body {
color: #2e2e2e;
font-family: Helvetica;
font-size: 16px;
font-weight: normal;
line-height: 21px;
background: $bodybackground;
}
.post-body {
margin: 0px;
padding:10px;
font-size: 16px;
line-height: 26px;
box-sizing: border-box;
}
Như vậy mình đã Hướng dẫn cách Kiểm tra Font chữ 1 website và cách thay Font chữ cho Blogger / Blogspot / Wordpress