Hướng dẫn tuỳ chỉnh font chữ trên Blogger

Nếu bạn là một blogger, bạn đã nhận ra tầm quan trọng của việc tạo ra một trang web hấp dẫn về mặt trực quan. Lựa chọn font chữ cho trang web của bạn đóng một vai trò quan trọng trong cách nội dung được trình bày trước khán giả. May mắn thay, việc thay đổi font chữ trên trang web Blogger của bạn là một quy trình đơn giản, và trong bài viết này, chúng tôi sẽ hướng dẫn bạn từng bước.

Trước khi bắt đầu, hãy lưu ý rằng Blogger sử dụng Google Fonts, một nền tảng miễn phí và dễ sử dụng cung cấp nhiều kiểu font chữ khác nhau. Do đó, để thay đổi font chữ trên trang web của bạn, bạn sẽ cần lựa chọn từ các font có sẵn trên Google Fonts. Sau khi bạn đã chọn font chữ ưa thích, hãy làm theo các bước sau để thay đổi font chữ trên trang web Blogger của bạn:

Bước để sử dụng font chữ tùy chỉnh trong Blogger:

Đăng nhập vào tài khoản Blogger của bạn và điều hướng đến phần "Giao diện" (Theme).
Nhấp vào nút "Tùy chỉnh" (Customize) bên cạnh chủ đề hiện tại của bạn.
Trong thanh bên trái, chọn "Nâng cao" (Advanced).
Cuộn xuống phần "Thêm CSS" (Add CSS) và nhấp vào mũi tên để mở rộng.
Trong phần "Thêm CSS", bạn sẽ thấy một ô để nhập mã CSS tùy chỉnh của bạn.

Nhập mã HTML sau vào ô "Thêm CSS":


<style>
  body { font-family: 'Tên font', sans-serif; }
</style>

Hãy thay thế "Tên font" bằng tên của font chữ bạn muốn sử dụng. Ví dụ, nếu bạn muốn sử dụng font chữ "Open Sans," mã sẽ là:


<style>
  body { font-family: 'Open Sans', sans-serif; }
</style>

Nhấn vào nút "Áp dụng cho blog" để lưu các thay đổi.

Kiểm tra trang web của bạn để đảm bảo rằng font chữ đã được thay đổi. Nếu chưa thấy thay đổi, hãy xóa bộ nhớ cache của trình duyệt và thử lại.

Nếu bạn không muốn mất công thực hiện từng bước này, chúng tôi cung cấp cho bạn một số mã sẵn có, mà bạn có thể thay đổi font chữ của blog và trang web bằng cách đi tới "Chỉnh sửa HTML" > "Tùy chỉnh" > "Nâng cao" > "Thêm CSS" > dán mã này vào:


<style>
  @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2')}
</style>

<style>
  h1, h2, li, * { font-family: 'Google Sans Text'; }
</style>

Lời cuối:

Bạn đã thành công trong việc thay đổi font chữ trên trang web Blogger của mình. Bây giờ, bạn có thể thử nghiệm với các font chữ khác nhau cho đến khi tìm ra font chữ phù hợp nhất với chủ đề và nội dung của trang web của bạn. Hãy nhớ rằng font chữ bạn chọn nên dễ đọc và thu hút mắt đối với khán giả của bạn.

Ngoài việc thay đổi font chữ, bạn cũng có thể tùy chỉnh các khía cạnh khác của trang web Blogger của bạn, chẳng hạn như màu nền, tiêu đề, chân trang và nhiều hơn nữa. Bằng cách dành thời gian để tùy chỉnh giao diện trang web của mình, bạn có thể tạo ra một trải nghiệm độc đáo và thu hút cho khách truy cập của mình.