Cách thêm phông chữ tùy chỉnh vào trang web WordPress của bạn

1. Chỉnh sửa tập tin chủ đề của bạn

Nếu bạn không muốn tải các tệp phông chữ lên trang web của mình theo cách thủ công, bạn luôn có thể ‘nhập’ chúng từ kho lưu trữ của bên thứ ba. Ví dụ, với Google Fonts, bạn có thể mở bất kỳ trang phông chữ nào bạn muốn và nhấp vào  Select This Font này ở đầu màn hình:

select-this-font

Khi bạn làm điều đó, một menu mới sẽ xuất hiện bao gồm hai đoạn mã.  Ví dụ như thế này:

<link href=”https://fonts.googleapis.com/css?family=Roboto&display=swap” rel=”stylesheet”>

Mã này sẽ được đặt trong <head> theme của bạn trong tệp header.php. Bạn có thể tìm thấy mục này trong thư mục của chủ đề trong thư mục public_html/wp-content/Themes .

 

 

2. Tải tập tin phông chữ của bạn lên thư mục của chủ đề

 

fonts-folder

Khi tệp đã được đặt, hãy mở child theme’s và gọi phông chữ đó để sử dụng nó, thông qua một đoạn mã ví dụ thế này:

@font-face {
font-family: New Font;
src: url(https://www.yourwebsite.com/wp-content/themes//fonts/your-new-font.ttf);
font-weight: normal;
}

3. Sử dụng plugin

Cách này là cách dễ nhất để sử dụng và đỡ tốn thời gian dành cho bạn,  bạn nên sử dụng plugin Google Fonts cho WordPress. Sau khi kích hoạt công cụ này, bạn sẽ có thể chọn từ toàn bộ danh mục Google Fonts cho các trang và bài đăng của mình mà không cần thêm bất kỳ mã nào vào trang web của bạn:

Xem thêm:  Xu hướng phát triển ngành công nghệ hosting năm 2018

gg font

Ok vậy là đã xong, chúc các bạn thành công.

 

0/5 (0 Reviews)