Cách Đổi Font Cho Theme Genesis

Nguồn: https://www.wpcub.com/add-google-fonts-genesis/
Genesis là một Theme Premium với những Child Theme ấn tượng, tuy nhiên Theme này lại hạn chế khả năng đổi font chữ. Vì vậy chúng ta cần một chút thủ thuật để có thể thay đổi Font chữ:

Cách Thêm Google Fonts vào Genesis Child Theme

Bước 1 – Lựa chọn Font ưng ý

Các bạn vào trang Google Web font sau đó lựa cho mình một font ưng ý. Google cung cấp rất nhiều bộ lọc để bạn có thể nhanh chóng tìm cho mình một font đẹp
screenshot-at-thg-9-19-17-57-32
Các bạn có thể nhìn thấy bộ lọc với rất nhiều tuỳ chọn chi tiết ở bên phải.
Với Font ưng ý, bạn ấn vào dấu cộng màu đỏ, một bảng sẽ hiện ra như hình dưới:
screenshot-at-thg-9-19-17-59-56

Bước 2 – Add Font vào Genesis

  • Bạn vào Appearance > Editor > functions.php
  • Điền code này vào dưới cùng của file functions.php Bạn thay đổi dòng link là phần link của google font
wp_enqueue_style( 'google-fonts', 'fonts.googleapis.com/css?family=David+Libre', array(), CHILD_THEME_VERSION );
  • Chuyển sang file style.css cũng trong phần Editor. Tìm đến phần body font hoặc heading nếu bạn muốn đổi font ở đó. Copy dòng Specify in CSS của Google font vào:
body {
 background-attachment: fixed;
 background-color: #fff;
 background-position: top left;
 background-repeat: repeat;
 color: #000;
 font-family: 'David Libre', serif;;
 font-size: 18px;
 font-weight: 400;
 line-height: 1.625;
 -webkit-font-smoothing: antialiased;
}
/* Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
 color: #000;
 font-family: 'David Libre', serif;
 font-weight: 700;
 line-height: 1.2;
 margin: 0 0 20px;
 text-transform: uppercase;
}

Chúc các bạn có thể chọn được những font chữ ưng ý cho mình khi sử dụng Child Theme của Genesis.

drluanset

>