Cách chỉnh sửa thay đổi Font chữ cho Blogspot

Ibiet - Cách chỉnh sửa thay đổi Font chữ cho blogspot. Cách chỉnh sửa thay đổi Font chữ tiêu đề bài viết cho blogspot. Cách chỉnh sửa thay đổi Font chữ cho menu cho blogspot. Cách khắc phục lỗi Font chữ blogspot

Chào các bạn vấn đề chỉnh sửa thay đổi Font chữ cho blogspot là vấn đề mà Ibiet thấy có rất nhiều bạn không am hiểu nhiều về code thường hay gặp phải khi download các template blogspot có sẵn trên mạng về.

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à tem chúng ta đang dùng lại dùng 1 loại font chữ không hỗ trợ tiếng Việt ,vậy cách khắc phục ra sao các bạn xem chi tiết nhé

Cách chỉnh sửa thay đổi Font chữ cho Blogspot

- Do mỗi temp blogspot có thể có những loại Font khác nhau vì vậy mình sẽ hướng dẫ 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ú ý: Để sửa tốt các bạn lên cài đặt thêm addon tên là Firebug trên trình duyệt FireFox để tiện chỉnh sửa. Các bạn tải về cài đặt tại đây Các bạn có thể xem chi tiêt video hướng dẫn tại đây hoặc lên mạng tìm kiếm để có hướng dẫn chi tiết.
Vậy Firebug có chức năng gì nó là công cụ hỗ trợ rất tốt cho phép chúng ta chỉnh sửa trực tiếp các thuộc tính về css ngay trên website như: thay đổi font chữ, màu chữ, kích thước chữ khung ..... các bạn tự tìm hiểu thêm. 

- Để chỉnh sửa mình khuyên các bạn nên tải temp đó về rồi sao ra 1 bản làm gốc 1 bản để chỉnh sửa rồi sùng Notepad++ để chỉnh sửa

- Bình thường khi down tải các temp 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ữ 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!
- Nếu template không có đoạn mã:
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>. Các bạn có thể khắc phục bằng cách thêm đoạn mã trong khung dưới đây vào phía trên thẻ: ]]></b:skin>

- Cách 2: Thêm thuộc tính font-family giúp định dạng font chữ cho cả blog (body), cho 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 của bạn:

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

- Cách 3: Nếu vẫn chưa có sự thay đổi thì mẹo cho các bạn ko biết code là: Các bạn tìm Oswald rồi thay thế hết thành Arial

Do các bạn không biết code vì vậy hơi khó hướng dẫn

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

font-size:  18px ==> font chữ là 18pixel
font-family: Arial ==> font chữ dạng arial
font-weight: bold  ==> Chữ in đậm, chữ béo