Lướt website nào đó bạn thấy thích font chữ đó,hay font chữ nào đó trên mạng bạn thấy thích quá đi, và muốn dùng ngay nó cho website của mình.Hãy cùng Sơn Web tìm hiểu cách thêm font chữ vào WordPress theo 1 số cách đơn giản sau nhé.
Cách thêm font chữ thủ công vào Website WordPress
Để thêm font chữ vào thủ công ví dụ như font UTM Avo vào website internet-fptcantho.com , bạn sẽ cần thực hiện các công việc sau: upload file font lên host chứ souce code website, khai báo thuộc tính @font-face, sử dụng font-family đã khai báo trong @font-face cho class,id..Các bước cụ thể như sau:
Bước 0: Chop phép upload file .ttf lên host server. Sửa file wp-config.php thêm dòng sau:
define('ALLOW_UNFILTERED_UPLOADS', true);Bước 1: Tải font muốn sử dụng trong web lên host ( Nếu WordPress có thể vào Admin-> Media->upload file trực tiếp và copy đường dẫn của font
Bước 2: Khai báo @font-face trong style.css hoặc admin cho cho phép chỉnh sửa css
@font-face {
font-family: UTM Avo;
src: url(https://internet-fptcantho.com/wp-content/uploads/2023/07/UTM-Avo.ttf);
font-weight: normal;
}
@font-face {
font-family: UTM Akashi;
src: url(https://internet-fptcantho.com/wp-content/uploads/2023/07/UTM-Akashi.ttf);
font-weight: normal;
}
@font-face {
font-family: UTM AvoBold;
src: url(https://internet-fptcantho.com/wp-content/uploads/2023/07/UTM-AvoBold.ttf);
font-weight: bold;
}
Bước 3: Sử dụng font-family đã định nghĩa từ @font-face
Ví dụ sau
body {
font-family: 'UTM Avo';
font-size: 16px;
}
Webiste sử dụng trong hướng dẫn: https://internet-fptcantho.com/ bạn có thể xem font chữ trực tiếp trên web. Để thêm font chữ vào website WordPress bằng plugin bạn có thể cài đặt 1 số plugin sau: WP Google Fonts,Typekit Fonts For WordPress,Use Any Font
