Tổng cộng:
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.
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
.ttfhoặ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 và .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
Đăng nhận xét