Cách thay đổi Font chữ cho Blogspot

Khi download các template của Blogspot trên Internet về cho blog sẽ thường gặp phải lỗi Font chữ cho blog Tiếng Việt. Nguyên nhân gây ra lỗi Font là do Tiếng Việt của chúng ta có dấu mà khi đó Font chữ mà template chúng ta đang dùng lại dùng 1 loại font chữ không hỗ trợ tiếng Việt. Bài viết này sẽ hướng dẫn chi tiết cách khắc phục lỗi font chữ trên blogspot.

Do mỗi template blogspot có thể có những loại Font khác nhau vì vậy mình sẽ hướng dẫn sơ qua để các bạn có thể hiểu được và biết cách sửa với các trường hợp tương tự.

Chú ý: 

• Các bạn hãy lưu code HTML của template trước khi thực hiện.
• Dùng Notepad++ để dễ dàng chỉnh sửa code HTML

Bình thường khi down tải các template về thường font chữ mà nước ngoài họ hay dùng là Font Oswald hoặc Georgia vì vậy chúng ta cần phải thay nó thành Font chữ có hỗ trợ tiếng Việt.

Cách 1: Các bạn tìm đọan code tương tự như đoạn code dưới

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

- Các bạn hãy thay thế Oswald 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,...

Lưu ý: Phần này chỉ được phép thay thế Oswald bằng một font chữ duy nhất.


Cách 2: Thêm thuộc tính font-family cho cả blog

Thêm thuộc tính font-family giúp định dạng font chữ cho body, header, sidebar, main-wrapper, post-body, footer…

Chẳng hạn để định dạng font-family tiếng Việt cho phần post-body, chúng ta đặt code CSS bên dưới vào trước thẻ ]]></b:skin> trong mẫu template của bạn:

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

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ụ:

font-size: 18px ==> font chữ là 18pixel

font-family: Arial ==> font chữ dạng Arial

font-weight: bold ==> Chữ in đậm

Chúc các bạn thành công!

Nội dung chính