2 Cách chỉnh font chữ trong WordPress

Chắc chắn khi phát triển một blog, website bạn luôn muốn để lại ấn tượng với độc giả. Từ nội dung, giao diện hay cho tới Font chữ. Nhưng có một vấn đề gây khó khăn cho người mới là việc thay đổi hay chỉnh sửa font trong WordPress.

Những font phổ biến như Arial, san-serif, Helvetical, Verdana… sẽ có mặt trong hầu hết các Theme. Tuy nhiên tùy vào sở thích của từng người lại chọn một loại font chữ nhất định. Và để bạn biết cách chỉnh font chữ ở trong WordPress dễ dàng hơn thì đừng vội lướt qua bài này nhé.

Cách tìm Font chữ mà website WordPress đang dùng

Có 2 cách giúp bạn biết được blog, website sử dụng Font gì

Cách 1: Vào tập tin style.css ấn CTRL + Fbody { sau đó ấn Enter

Bạn sẽ thấy một đoạn mã dạng

body {

color: #1f2d3d;
font-size: 18px;
font-family: “Montserrat”, sans-serif;
line-height: 1.75;

}

Giải thích:

  • color: là mã màu chữ Hex
  • font-size: kích thước font chữ, giá trị là pixel
  • font-family: chính là font chữ mà bạn đang muốn thay đổi
  • line-height: chiều cao của chữ

Cách 2: Ấn chuột phải lên đoạn văn bản để kiểm tra

doi-font-chu-trong-wordpress-2

Tiếp theo ở khu vực thứ hai lăn chuột xuống tìm tới body {

doi-font-chu-trong-wordpress-3

Hướng dẫn thay đổi và thêm Font chữ cho WordPress

Với các font phổ biến như Arial, Helvetica, Bookman, Times New Roman, Courier New, Verdana, Georgia thì bạn chỉ cần viết là:

font-family: Helvetica, Arial, san-serif;

Khi thêm font nên để tối thiểu 2 font để tránh bị lỗi trên trình duyệt. 2 Font này là Arial và san-serif.

Nhưng một số loại font khác khi muốn thêm vào sẽ phải thực hiện nhúng và cách viết sẽ hơi khác một chút.

font-family: ‘Open Sans’, Arial, san-serif;

Thêm dấu ‘ ‘ hoặc ” “.

Cách 1: Sử dụng Google Font

Gõ tên font ấn Enter để tìm => Nhấp chuột vào đoạn văn bản

doi-font-chu-trong-wordpress-4

Bước tiếp theo ấn vào Select this style => Copy đoạn mã có dạng

<link rel=”….>

Đưa vào cặp thẻ <head>…</head> trong file header.php [Appearance (Giao diện) => Theme Editor (Chỉnh sửa giao diện) => header.php]

doi-font-chu-trong-wordpress-5

Hoặc ấn vào @import copy đoạn mã rồi đưa vào file style.css

doi-font-chu-trong-wordpress-6

doi-font-chu-trong-wordpress-7

Rồi tìm tới body { viết

font-family: “Montserrat”, sans-serif;

Cách 2: Sử dụng Plugin Easy Google Fonts

Vào Customize

doi-font-chu-trong-wordpress-8

Ấn vào Typography => Default Typography

doi-font-chu-trong-wordpress-9

Tiếp tục nhấp vào mũi tên tại Edit Font

  • Font Family: chọn Font chữ
  • Font Weight/Style: độ đậm của chữ
  • Text Decoration: Gạch chân hoặc không
  • Text Transform: kiểu viết hoa toàn bộ, viết hoa mình chữ cái đầu…

doi-font-chu-trong-wordpress-10

Các thẻ Heading 1, 2, 3, 4, 5, 6 là thẻ tiêu đề trong bài viết từ H1 -> H6.

Lời kết: Để chỉnh sửa font chữ rất dễ đúng không. Bài viết này bạn chỉ cần nhớ đó là dùng font-family sau đó viết font mà bạn muốn. Hoặc thay đổi kích cỡ chữ dùng font-size: 16px. Chỉ đơn giản vậy thôi, anh em hãy bắt tay vào thực hành ngay kẻo quên mất.

Hãy để lại bình luận:

Mình rất vui khi bạn đã để lại một bình luận. Xin lưu ý rằng tất cả các bình luận đều được kiểm duyệt theo chính sách bảo mật và tất cả các liên kết đều là nofollow. KHÔNG sử dụng từ khóa trong trường tên. Hãy để lại một cuộc trò chuyện cá nhân và ý nghĩa. *