[Hướng Dẫn] Cách cài font ngoài vào website wordPress siêu đơn giản

Cách cài font ngoài vào website wordPress siêu đơn giản

Hiện tại khi sử dụng wordpress, mọi người thường phải lựa chọn 1 trong các loại font mặc định của google. Điều này về cơ bản cũng rất tiện ích, vì google font cũng khá đa dạng các loại font cho bạn lựa chọn. Tuy nhiên, một số bạn làm về design lại thường hay dùng font của họ để làm layout, template website, nhưng khi vào code lại không hề có font đó. Vậy phải làm sao để cài font bên ngoài vào website?

Cách cài font ngoài vào website wordPress siêu đơn giản
Cách cài font ngoài vào website wordPress siêu đơn giản

[Hướng Dẫn] Cách cài font ngoài vào website wordPress siêu đơn giản

Bước 1: Xác định loại font mà bạn muốn cài và tải về

Bạn có thể lên mạnh search để tìm loại font mà mình muốn hoặc có thể xin từ các diễn đàn design,.. Sau đỏ tải font đó về máy

Bước 2: Upload font vừa tải về lên host

Hãy truy cập theo đường dẫn: /wp-content/themes/name theme/font (nếu theme không có sẵn thư mục font thì bạn hãy tạo thư mục font luôn nhé).

**name theme là tên theme của bạn nha

Bước 3: Code gọi font ra 

Sau khi upload font lên host, khi nào bạn muốn sử dụng thì hãy gọi font đó ra nhé!

Cú pháp:

.className {
@font-face {
font-family: MyHelvetica;
src: url(Link website của bạn/wp-content/themes/name theme/font/tên font vừa tải lên);
}
}

** className: tên class mà bạn muốn chỉnh sửa font

** name theme: tên theme của bạn (ví dụ mình sử dụn flatsome thì name theme là flatsome

** tên font vừa tải lên: ví dụ MgOpenModernaBold.ttf hoặc VLWOLFSBANE_0.OTF, …vv

Vậy là xong, chúc các bạn thành công nhé ^^

 

Trả lời

Email của bạn sẽ không được hiển thị công khai.