Thay font chữ mặc định cho Template blog/web đơn giản nhất ~ Ngoc Anh

Mình sẽ chia sẻ cho các bạn cách thay đổi font mặc định của Template mà khi các bạn tải về thường nó bị sai font chữ làm cho giao diện của c...

Blogspot+ Thu-thuat-blog

Mình sẽ chia sẻ cho các bạn cách thay đổi font mặc định của Template mà khi các bạn tải về thường nó bị sai font chữ làm cho giao diện của chúng ta không được đẹp , vậy phải làm sao ? bài này ngocanhblog sẽ hướng dẫn các bạn cách giải quyết đơn giản nhé.

Thay font chữ mặc định cho Template blog/web đơn giản nhất

Bạn không thích kiểu font đang được sử dụng trên template? Bạn muốn đổi sang một kiểu font khác mà bạn thích nhưng lại không biết cách? Hôm nay mình sẽ hướng dẫn các bạn cách thay đổi font chữ trên blogspot một cách dễ hiểu nhất !
Khi bạn thay đổi template mặc định của bloggspot thường gặp lỗi sai font chữ. Vì các Template đó được code bằng tiếng Anh và font chữ được dùng cho ngôn ngữ tiếng Anh, mà phổ biến nhất là font Oswald và Georgia. Với font chữ đó thì trình duyệt không thể đọc và hiểu được tiếng việt sẽ gây ra lỗi font chữ hiển thị sai. Nếu bạn đang gặp trường hợp này thì có thể thử cách sửa lỗi sai font chữ trong blogspot sau:

TRÊN TEMPLATE MẶC ĐỊNH CỦA BLOGSPOT

Bước 1: Đăng nhập vào Blogspot > Chọn blog muốn thay đổi font chữ >Vào Mẫu > Tùy chỉnh > Chọn Nâng cao
Bước 2: Ở phần này các bác chọn các mục con và chỉnh font có trong danh sách bên cạnh.
Bước 3: Sau khi chọn được font ưng ý các bạn ấn Áp dụng cho blog để cập nhật font mới !

TRÊN TEMPLATE DOWNLOAD VỀ

Bước 1: Đăng nhập vào Blogspot > Chọn blog muốn thay đổi font chữ > Vào Mẫu > Chỉnh sửa HTML
Bước 2: Hầu hết các template download đều có link font có dạng như sau và ở trên </head>
<link href='http://fonts.googleapis.com/css?family=TÊN FONT' id='google-font-rest-css' media='all' rel='stylesheet' type='text/css'/>
Bước 3:Các bạn thay thế TÊN FONT bằng một font chữ thông dụng trong tiếng Việt như: Arial hoặc các font chữ khác như: Times, New Times Roman,...
Bước 4:Tìm đến các class và id có thuộc tính font-family và sửa tên font bạn vừa thay ở trên vào.
- Phần này chỉ được phép thay thế TÊN FONT bằng một font chữ duy nhất!
- Nếu template không có đoạn mã:
<link href='http://fonts.googleapis.com/css?family=TÊN FONT' id='google-font-rest-css' media='all' rel='stylesheet' type='text/css'/>
Các bạn có thể khắc phục lỗi sai font chữ trong blogspot bằng cách thêm đoạn mã trong khung dưới đây vào phía trên thẻ: ]]></b:skin>

.post-body {font-family:Arial, Tahoma, Veranda, Times, Times New Roman}

- Bấm "Lưu mẫu" để lưu lại là được.
Nếu vẫn chưa có sự thay đổi thì mẹo cho các bạn không biết code là: Các bạn tìm TÊN FONT rồi thay thế hết thành Arial
Nói chung để chỉnh sửa tốt cái này bạn phải vận dụng tốt Addon Firebug và chút kiến thức về CSS Một số thuộc tính CSS về text mà các bạn nên quan tâm:
- font-size: Kích thước chữ
- font-family: Loại font chữ
- font-weight: Độ in đậm của chữ.
Ví dụ như dưới đây :
- font-size: 13px ==> font chữ là 13pixel
- font-family: Arial ==> font chữ dạng arial
- font-weight: bold ==> Chữ in đậm, chữ béo
Chúc các bạn thay đổi thành công font chữ của blog để có thể có một font chữ đẹp cho blog và độc giả có thể rễ nhìn rễ đọc nhé.