Thay đổi font chữ theme WordPress là hoạt động cơ bản mà bất cứ ai đang sở hữu website WordPress đều nên biết. Điều này giúp bạn dễ dàng tùy chỉnh giao diện của trang web theo mong muốn, sao cho phù hợp với sở thích cá nhân và bộ nhận diện thương hiệu. Dưới đây, mình sẽ hướng dẫn các bạn 3 cách đổi font chữ cho WordPress thông dụng nhất.
Font chữ WordPress là gì?
Trong WordPress, font chữ là kiểu chữ mà trang web WordPress của bạn đang sử dụng. Font chữ được xác định thông qua mã CSS trong giao diện. Có nhiều cách để thay đổi font chữ trong WordPress, bao gồm sử dụng các mã CSS tùy chỉnh hoặc theme có sẵn với tùy chọn cài đặt font.
Cách tìm font chữ cho trang web?
Việc tìm kiếm font chữ cho website có thể được thực hiện thông qua nhiều phương tiện khác nhau như:
- Google Fonts: Google Fonts là một bộ sưu tập cực kỳ lớn với các font chữ miễn phí có thể sử dụng trên trang web. Bạn có thể xem và thử nghiệm từng font trực tuyến trước khi quyết định sử dụng.
- Adobe Fonts: Adobe Fonts cung cấp một loạt các font chữ chất lượng cao. Nó tích hợp tốt với nhiều dịch vụ và ứng dụng thiết kế.
- Font Squirrel: Font Squirrel là một trang web cung cấp cả font chữ miễn phí và trả phí. Họ cũng có công cụ Generator cho phép tải về font chữ và mã CSS tương ứng để sử dụng trên trang web.
- Dafont: Dafont cũng là một trang web – nơi bạn có thể tìm thấy nhiều font chữ sáng tạo và độc đáo.
- Fontspring: Fontspring cung cấp nhiều font chữ chất lượng, bao gồm cả các font có giấy phép sử dụng trên các dự án thương mại.
- Công cụ Tìm Font Google: Google Font Pairings và Footjoy là những công cụ giúp bạn tìm kiếm và kết hợp các font chữ phù hợp với nhau.
Khi bạn đã chọn được font chữ như ý muốn, bạn có thể tải về hoặc tích hợp trực tiếp vào trang web của mình thông qua mã CSS.
3 cách thay đổi font chữ theme WordPress thông dụng nhất
Cách thay đổi font chữ cho WordPress từ theme
Để sửa font chữ WordPress từ theme, bạn có thể sử dụng tùy chọn cài đặt có sẵn trong theme hoặc thêm mã CSS tùy chỉnh. Cụ thể từng cách như sau:
3.1.1. Sử dụng tùy chọn cài đặt theme
- Truy cập vào trang quản trị WordPress.
- Chọn Appearance (Giao diện) từ menu bên trái và sau đó chọn Theme (Chủ đề).
- Nếu theme của bạn hỗ trợ tùy chọn cài đặt font chữ, bạn có thể tìm thấy nó trong phần Customizer hoặc trong trang cài đặt theme.
- Trong tùy chọn cài đặt, hãy mở danh sách các font chữ có sẵn và lựa chọn font như mong muốn.
- Lưu lại thay đổi.
3.1.2. Sử dụng mã CSS tùy chỉnh
- Truy cập vào trang quản trị WordPress.
- Tìm trình soạn mã CSS trong Customizer hoặc trong phần Theme Options nếu theme có tùy chọn để thêm mã CSS tùy chỉnh.
- Sử dụng mã CSS để chọn font chữ và áp dụng nó cho các phần cụ thể của trang web. Mình để ví dụ đoạn code phần body sẽ được đặt thành Open Sans hoặc bất kỳ font sans-serif nào khác nếu Open Sans không khả dụng:
body {
font-family: ‘Open Sans’, sans-serif;
}
- Lưu lại thay đổi và kiểm tra trang web để đảm bảo rằng font chữ cho WordPress đã được thay đổi như mong đợi.
Thay đổi font chữ cho WordPress bằng plugin Google Fonts Typography
Bạn không cần sử dụng mã CSS tùy chỉnh mà có cách đổi font chữ trong WordPress dễ dàng hơn nhờ plugin Google Fonts Typography. Cách thực hiện như sau:
Bước 1: Cài đặt và kích hoạt plugin
- Đăng nhập vào trang quản trị WordPress
- Chọn plugins và sau đó Add New
- Tìm kiếm Google Fonts Typography
- Chọn plugin và nhấn Install Now
- Nhấn Activate để kích hoạt plugin.
Bước 2: Cấu hình Google Fonts Typography
- Trong bảng điều khiển, chọn Appearance -> Customize.
- Trong Customizer, bạn sẽ thấy một mục mới có tên là Google Fonts. Nhấp vào để mở cài đặt font chữ. Tại đây, bạn có thể chọn font chữ cho các phần khác nhau của trang web như tiêu đề, đoạn văn bản, menu,… Nhấp vào từng phần và chọn font chữ từ danh sách Google Fonts. Đây cũng là cách để bạn chỉnh cỡ chữ trong WordPress và cách đổi màu chữ trong WordPress. Bạn có thể thực hiện ngay ở bước này đồng thời với việc chọn font chữ.
- Khi bạn đã chọn xong, nhấn Publish để lưu lại thay đổi.
Bước 3: Kiểm tra website của bạn
Sau khi bạn đã lưu lại thay đổi, trang web sẽ tự động áp dụng font chữ mới mà bạn đã chọn. Hãy kiểm tra các phần khác nhau của trang web để đảm bảo rằng font chữ đã thay đổi theo mong muốn.
Thay đổi font chữ cho WordPress bằng plugin Easy Google Fonts
Plugin Easy Google Fonts là một công cụ khác mà bạn có thể sử dụng để dễ dàng chỉnh font chữ trong WordPress.
- Bước 1: Cài đặt và kích hoạt plugin: Đăng nhập vào bảng điều khiển WordPress, chọn Plugins rồi Add New. Tìm kiếm Easy Google Fonts. Chọn plugin và nhấn nút Install Now, sau đó nhấn Activate để kích hoạt plugin.
- Bước 2: Tùy chỉnh font chữ: Trong bảng điều khiển, chọn Appearance-> Customize -> Typography. Tại đây, bạn sẽ thấy danh sách các phần khác nhau của trang web như tiêu đề, đoạn văn bản, menu,…, chọn phần bạn muốn thay đổi font chữ. Trong mỗi phần, bạn có thể chọn font chữ từ danh sách Google Fonts, đồng thời tùy chỉnh các tùy chọn khác như cỡ chữ, màu sắc,… Nhấp Publish để lưu lại thay đổi.
- Bước 3: Kiểm tra lại website: Sau khi bạn đã lưu lại thay đổi, kiểm tra trang web xem font chữ đã được thay đổi đúng ý muốn hay chưa.
Gợi ý 10 font chữ đẹp được sử dụng nhiều trên WordPress
Dưới đây là 10 font chữ phổ biến và đẹp mà bạn có thể xem xét sử dụng cho website WordPress. Chúng được ưa chuộng bởi có tính chuyên nghiệp và đa dạng:
- Roboto: Thiết kế hiện đại và dễ đọc, là lựa chọn phổ biến cho cả tiêu đề và đoạn văn bản.
- Open Sans: Thân thiện và dễ đọc, phù hợp với cả tiêu đề và nội dung chính.
- Montserrat: Độc đáo và hiện đại, thường được sử dụng cho tiêu đề để tạo điểm nhấn.
- Lato: Thanh lịch, rất phổ biến cho cả tiêu đề và nội dung văn bản.
- Noto Sans: Rõ ràng, phù hợp cho cả tiêu đề và nội dung. Nó được phát triển bởi Google, hỗ trợ nhiều ngôn ngữ.
- Playfair Display: Là một font chữ serif thường được sử dụng cho các trang web với thiết kế cao cấp hoặc trang web nghệ thuật.
- Merriweather: Là một font chữ serif dễ đọc, thích hợp cho nội dung văn bản trên trang web mà phần văn bản nhiều.
- Poppins: Hiện đại, là một lựa chọn tốt cho cả tiêu đề và văn bản.
- Quicksand: Thân thiện và hiện đại, thích hợp cho cả tiêu đề và đoạn văn bản.
- Raleway: Là một font chữ sans-serif với kiểu chữ mảnh mai và phổ biến cho tiêu đề.
Khi chọn để thay đổi font chữ cho WordPress, hãy cân nhắc đến mật độ văn bản, phong cách thiết kế của trang web và mục tiêu mà bạn muốn đạt được. Tốt nhất, bạn nên kiểm tra trực tiếp trên trang web xem font chữ có phù hợp với nội dung và thiết kế tổng thể hay không.
Cách để tìm font của một website khác
Nếu bạn thấy font chữ của một website khác hay, muốn dùng để thay đổi font chữ theme WordPress của mình nhưng không biết họ dùng font gì thì có thể kiểm tra bằng một trong những cách sau đây:
Cách 1. Sử dụng DevTools của trình duyệt
Mình sẽ lấy ví dụ với Google Chrome. Bạn có thể áp dụng tương tự các bước đối với trình duyệt khác:
- Mở Google Chrome hoặc trình duyệt web khác.
- Truy cập trang web mà bạn muốn kiểm tra font.
- Nhấn chuột phải bất kỳ nơi nào trên trang web và chọn Inspect” hoặc nhấn Ctrl+Shift+I (Windows/Linux) hoặc Cmd+Opt+I (Mac) để mở DevTools.
- Trong DevTools, chọn tab Elements hoặc Inspector.
- Tìm phần Styles trong DevTools và xem các quy tắc CSS áp dụng cho văn bản.
- Tại đây, tìm thuộc tính font-family để xem font chữ được sử dụng.
Cách 2. Sử dụng công cụ trực tuyến
- Công cụ WhatFont: WhatFont là một tiện ích mở rộng trình duyệt cho Google Chrome và Firefox. Bạn có thể cài đặt nó và sau đó chọn bất kỳ văn bản nào trên trang web để xem font chữ được sử dụng.
- Công cụ Fontanello: Fontanello là một tiện ích mở rộng cho Chrome cũng giúp bạn xác định font chữ trên trang web.
- Công cụ WhatFontIs: WhatFontIs là một trang web cho phép bạn tải lên ảnh văn bản và nhận diện font chữ sử dụng trong hình ảnh đó.
Trong một số trường hợp, trang web bạn muốn kiểm tra lại sử dụng font chữ tải từ dịch vụ bên ngoài như Google Fonts hoặc Adobe Fonts. Lúc này, bạn có thể cần kiểm tra các yêu cầu mạng để xem trang web đang tải font chữ từ đâu.
Trên đây là những cách hướng dẫn thay đổi font chữ theme WordPress đơn giản, thông dụng mà bất cứ ai cũng có thể áp dụng được. Hãy thử nghiệm thay đổi font chữ cho WordPress ngay để nhanh chóng có được font chữ phù hợp với thiết kế giao diện, đúng với sở thích cá nhân và thương hiệu của bạn nhé! Nếu việc cài đặt font chữ và tùy chỉnh giao diện gặp nhiều khó khăn, bạn có thể liên hệ Miliweb để chúng mình hỗ trợ bạn.