Chuyển tới nội dung

Cách Thêm Custom Fonts Vào Elementor

Cách Thêm Custom Fonts Vào Elementor

Bây giờ Nam sẽ hướng dẫn hướng dẫn bạn cách thêm custom fonts vào Elementor bạn nhé!

Để thêm custom fonts thì bạn phải dùng Elementor bản Pro nhé!

Cách Thêm Custom Fonts Vào Elementor

Đầu tiên thì chúng ta vào Elementor -> Custom Fonts.

Cách Thêm Custom Fonts Vào Elementor

Rồi chúng click vào Add New.

Cách Thêm Custom Fonts Vào Elementor

Rồi chúng ta điền tên của font vào Enter Font Family.

Cách Thêm Custom Fonts Vào Elementor

Tiếp đến thì chúng ta click vào Add Font Variation.

Cách Thêm Custom Fonts Vào Elementor

Điểm đáng chú ý là chúng ta phải upload từng WeightStyle cho từng biến thể của font bạn nhé!

Cách Thêm Custom Fonts Vào Elementor

Trong bài này thì Nam lấy font Be Vietnam Pro trên Google Fonts để làm ví dụ. Khi download font về thì trong tập tin sẽ có nhiều file tff của từng biến thể của font.

Cách Thêm Custom Fonts Vào Elementor

Elementor cho phép bạn upload các định dạng: woff, woff2, ttf, svg và eot.

Giờ Nam sẽ làm ví dụ, Nam sẽ chọn weight là 400 và style là normal rồi chọn file BeVietnamPro-Regular để upload vào phần TFF File.

Cách Thêm Custom Fonts Vào Elementor

Làm thêm cái nữa thì add thêm variation và chọn weight là 500 và style là normal rồi chọn file BeVietnamPro-SemiBold để upload.

Cách Thêm Custom Fonts Vào Elementor

Tiếp cái nữa là chọn weight 500 và style là italic rồi chọn file BeVietnamPro-SemiBoldItalic để upload.

Cách Thêm Custom Fonts Vào Elementor

Nam sẽ không làm hết tất cả các file mà chỉ làm ví dụ vài cái thôi nhé! Việc của bạn là chỉ cần chọn đúng weight là style rồi chọn đúng file phù hợp để upload thôi.

Khi upload xong hết thì chúng ta bấm Đăng. Thế là xong. Vậy là chúng ta đã có thể sử dụng font đó trong trình edit của Elementor rồi đó.

Cách Thêm Custom Fonts Vào Elementor

Chúc các bạn ứng dụng thành công hướng dẫn này và hãy thường xuyên ghé thăm blog của Nam để tham khảo thêm những hướng dẫn về Elementor các bạn nhé!

Tác giả

Hello các bạn! Mình là Nam, là một freelancer chuyên nghiệp về thiết kế web và SEO. Nếu bạn muốn làm việc cùng Nam thì bạn có thể liên hệ với mình qua số Zalo: 0949676736 để Nam có cơ hội được gặp gỡ và cùng hợp tác bạn nhé!

BÀI VIẾT KHÁC