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'/>
<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:
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!
Chúc các bạn thành công!
Blogger Comment
Facebook Comment