• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Thêm font chữ tùy chỉnh vào website WordPress
hosting-tot-nhat-danh-cho-wordpress

Thêm font chữ tùy chỉnh vào website WordPress

Cập nhật: 14/11/2022 Trung Hiếu 2 Bình luận

Mục lục Hiện
  • 1. Một số lưu ý trước khi tiến hành
  • 2. Thêm font chữ tùy chỉnh vào WordPress

Hướng dẫn thêm font chữ tùy chỉnh (custom fonts) vào website WordPress một cách đơn giản.

them-font-chu-tuy-chinh-vao-website-wordpress

Nếu bạn vừa download được ở đâu đó trên mạng một font chữ đẹp và đang muốn sử dụng nó cho website WordPress của mình thì bài viết này là dành cho bạn. Mặc dù tôi không khuyến khích việc sử dụng Google Fonts hoặc các font chữ tùy chỉnh của bên thứ ba vì chúng ít nhiều gây ảnh hưởng tiêu cực đến tốc độ load web. Tuy nhiên, cũng phải thừa nhận rằng, chúng có thể mang lại cho website của bạn phong cách khác biệt và những nét cá tính riêng.

Tham khảo thêm:

  • Lưu trữ Google Fonts ngay trên host để tăng tốc độ load
  • Khắc phục lỗi Google Fonts trong Google PageSpeed Insights

Một số lưu ý trước khi tiến hành

  • Hãy đảm bảo font chữ mà bạn muốn thêm có định dạng file là .woff2, .woff, .ttf, .eot, .svg hoặc .otf. Các bạn có thể upload cùng lúc nhiều định dạng. Tuy nhiên, bạn nên ưu tiên sử dụng .woff2 hoặc .woff vì chúng có tốc độ load tốt hơn.
  • Nhớ kích hoạt tính năng cho phép upload các file tùy chỉnh trong website WordPress. Tham khảo bài viết “Upload các định dạng file tùy chỉnh trong WordPress” nếu bạn chưa biết cách làm.

Thêm font chữ tùy chỉnh vào WordPress

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt một plugin có tên là Custom Fonts (download).

cai-dat-va-kich-hoat-plugin-custom-fonts

2. Truy cập Appearance => Custom Fonts. Tại đây, các bạn sẽ nhìn thấy một số thiết lập như sau:

them-font-chu-tuy-chinh

Trong đó:

  • Name: đặt tên cho font chữ.
  • Font Fallback: lựa chọn font chữ dự phòng. Chúng nên là font chữ mặc định mà thiết bị nào cũng có sẵn, ví dụ sans-serif, serif, Arial, Helvetica, Time New Roman…
  • Font Display: các bạn nên chọn swap để nó ít ảnh hưởng tới tốc độ load web nhất.
  • Font weight: chọn độ đậm của font chữ.
  • Lựa chọn file font chữ mà bạn có để upload lên, tương ứng với các mục Font .woff2, Font .woff, Font .ttf, Font .eot, Font .svg hoặc Font .otf.
  • Click vào nút Add Font Variation nếu bạn muốn thêm các biến thể của font chữ (ví dụ thêm font weight khác chẳng hạn).

Sau khi hoàn tất, click vào nút Add New Font để xác nhận.

3. Các font chữ đã được thêm thành công sẽ hiển thị trong khung bên phải của giao diện.

them-custom-fonts-vao-wordpress-thanh-cong

4. Khai báo việc sử dụng font chữ trong CSS. Ví dụ:

h1, h2, h3, h4, h5, h6 {
    font-family: "SFU Sydney", sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.3;
    color: #222;
}

Thật đơn giản phải không nào? Chúc các bạn thành công!

Bạn có đang sử dụng font chữ tùy chỉnh trên website WordPress của mình không? Bạn đã làm cách nào để tích hợp nó? Hãy chia sẻ với chúng tôi phương pháp của bạn thông qua khung bình luận ở bên dưới.

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Xóa base slug của custom post type và taxonomy
Xóa base slug của custom post type và taxonomy
Hiển thị code trong bài viết của WordPress
Hiển thị code trong bài viết của WordPress
Plugin SMTP siêu nhẹ dành cho WordPress
Plugin SMTP siêu nhẹ dành cho WordPress

Chuyên mục: Thủ thuật WordPress

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Xóa transients đã hết hạn trong database WordPress
Bài viết sau Gỡ bỏ schema của plugin Yoast SEO một cách đơn giản »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. duc 3 bình luậnviết

    03/12/2022 lúc 10:52

    cảm ơn bạn đã chia sẻ
    chỉ sợ web nặng quá lại mất điểm thôi

    Bình luận
  2. Kenivinh 16 bình luậnviết

    26/11/2022 lúc 23:06

    Trước cũng khoái mấy font chữ, giờ bỏ hết rồi, font mặt định vẫn đẹp và chuẩn nhất, lại nhẹ web nhiều.

    Bình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Xóa base slug của custom post type và taxonomy 04/07/2025
  • Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản 30/06/2025
  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025

Bình luận mới nhất

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Tịnh Nguyễn trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress
  • dự án vlasta hải phòng trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.007 Bài viết - 35.554 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting