Hướng dẫn thêm Font chữ vào trang WordPress không cần Plugin

Đây là một trong những phương pháp trực tiếp nhất.
Cho phép sử dụng bất kỳ font nào thích trên website của bạn.
Đầu tiên bạn sẽ cần tải xuống font chữ đó ở định dạng web.

Nếu chưa biết hãy vào FontSquirrel Webfont generator, để convert font chữ đó sang định đạng web.

Sau khi đã convert font chữ đó sang định dạng Web. Các bạn upload file Font lên Hosting, có thể trong thư mục /wp-content/theme/{tenthem-child}/fonts (nếu chưa có thư mục font thì tạo 1 thư mục Fonts sau đó Upload tất cả font lên thư mục này).

Tạo thư mục fonts như hình
Upload tất cả font lên thư mục fonts

Sau đó các bạn mở file Style.css ra và chèn đoạn này vào. Dùng cấu trúc như thế này để chèn font vào web:

Tương tự với các font khác cho đến khi đã gọi hết font ra. Giống như hình dưới.

Gọi tên font ra file CSS

Nhớ thay đổi URL trên bằng đường dẫn đúng của bạn nhé.
Sau cùng thì bạn có thể sử sụng font chữ này bất kỳ đầu trên website bạn thích.

Ví dụ:

Đối với các bạn không biết phải thay đổi ở thẻ class nào thì có thể View Source và tìm thẻ để thay font-family nhé:
Chuột phải vào phần chữ trên Web -> Chọn Inspect và View source:

Xem source để đổi font

Sau khi xem xong ví dụ như hình trên các bạn vào CSS chèn vào:

Đây là ví dụ thôi nhé. Nhiều khi còn nhiều thẻ như .h1, h2, h3, h4 {font-family: “tenfont” !important; }

Mục này chỉnh trong CSS bạn nhé. Đừng quên Disable Google font mặc định của theme đi nhé. Các bạn vào Tùy biến -> Style -> Typography và tích vào ô “Disable Google Fonts. No fonts will be loaded from Google.

Tắt sử dụng Google Fonts

Đây là cách Add font thủ công đối với các giao diện không có tính năng Thêm Font chữ. Ngoài ra nếu các bạn sử dụng Elementor thì có thể add fonts vào bằng cách vào:
Wp-admin -> Custom Fonts – > Add new font vào.

Upload font định dạng Woff hoặc TFF

Nếu gặp vấn đề trong việc Add Font các bạn có thể inbox mình hướng dẫn miễn phí nhé 🙂

0 0 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x
Scroll to Top