Tin Tức

Nội dung được bảo vệ bởi DMCA.com

Thêm Font Tùy Chỉnh Vào Flatsome Thủ Công Không Cần Plugin

Đăng bởi Thuấn Luviet vào lúc 05/06/2025

Tại Sao Nên Sử Dụng Font Tùy Chỉnh Cho Website?

Font chữ là một phần rất quan trọng giúp website của bạn trở nên chuyên nghiệp, đẹp mắt và mang dấu ấn thương hiệu riêng. Một số lợi ích khi sử dụng font tùy chỉnh:

  • Tạo sự khác biệt với đối thủ.
  • Thể hiện bộ nhận diện thương hiệu.
  • Cải thiện trải nghiệm người dùng.
  • Tăng tính thẩm mỹ cho giao diện website.

Vì vậy, nếu bạn có sẵn bộ font thương hiệu, hãy mạnh dạn áp dụng cho website của mình.

Thêm Font Tùy Chỉnh Vào Flatsome Thủ Công Không Cần Plugin

Các Bước Thêm Font Tùy Chỉnh Vào Flatsome Bằng CSS

Bước 1: Chuẩn Bị File Font Đúng Định Dạng

Để website tải nhanh, hiển thị tốt trên mọi trình duyệt, bạn nên chuẩn bị đầy đủ các định dạng font sau:

  • .woff2 (ưu tiên, nhẹ nhất, hỗ trợ tốt nhất)
  • .woff
  • .ttf hoặc .otf (chỉ dùng nếu không có 2 định dạng trên)

👉 Nếu file font của bạn đang ở định dạng .ttf hoặc .otf, bạn có thể dễ dàng chuyển đổi sang .woff.woff2 bằng các công cụ online miễn phí như:

Bước 2: Upload File Font Lên Website

Bạn cần upload file font lên thư mục của website WordPress.

Cách đơn giản nhất:

  • Truy cập WordPress Dashboard → Media → Add New → Upload các file font.
  • Sau khi upload, bạn hãy copy URL của từng file font vừa upload.

Hoặc cách an toàn hơn:

  • Tạo thư mục mới trên hosting:
  • wp-content/uploads/fonts/
  • Upload font vào thư mục này qua FTP hoặc File Manager trong cPanel.

Việc tạo thư mục riêng giúp bạn quản lý font dễ dàng hơn.

Bước 3: Tạo Đoạn CSS Khai Báo Font

Sau khi đã upload font thành công, bạn cần khai báo font đó bằng đoạn mã CSS sau vào phần CSS của theme:

@font-face {

  font-family: 'MyCustomFont';

  src: url('https://tenmiencuaban.com/wp-content/uploads/fonts/mycustomfont.woff2') format('woff2'),

       url('https://tenmiencuaban.com/wp-content/uploads/fonts/mycustomfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}

Bước 4: Cài đặt Font mặc định trong Typo


Việc thêm font tùy chỉnh vào WordPress Flatsome bằng CSS thủ công là giải pháp linh hoạt, gọn nhẹ và không phụ thuộc vào phiên bản theme hay plugin. Chỉ với vài bước đơn giản, bạn đã có thể áp dụng bộ font thương hiệu cho website, giúp tăng độ chuyên nghiệp và bản sắc cho trang web của mình.

Nếu bạn là người mới, chưa quen với việc thao tác thủ công, hãy liên hệ Trợ Lý WordPress để được hỗ trợ cài đặt font tùy chỉnh một cách nhanh chóng và an toàn.


Nhận xét

Thiết kế website và blog bán hàng Luviet
HỖ TRỢ
www.luviet.com
icon icon icon