Làm thế nào để Sử dụng CSS để Tùy chỉnh Phông chữ trong một Chủ đề WordPress - núm vú

Bạn có thể thay đổi phông chữ trong chủ đề WordPress của bạn cho các mục đích kiểu hoặc dễ đọc. Các chuyên gia thiết kế chữ (hoặc phông chữ) sử dụng các phông chữ đơn giản để đạt được kết quả thiết kế tuyệt vời. Bạn có thể sử dụng các phông chữ để phân biệt các dòng tiêu đề từ văn bản (hoặc các dòng tiêu đề và văn bản từ các nội dung chính) để giảm thiểu sự phân tâm.

Gia đình phông chữ

Web thực sự là một sự lựa chọn về phông chữ hiển thị cũng như kiểu phông chữ nào bạn có thể sử dụng trong thuộc tính font-family. Không phải tất cả các phông chữ xuất hiện chính xác trên web. Để an toàn, dưới đây là một số gia đình phông chữ phổ biến xuất hiện chính xác trong hầu hết các trình duyệt:

Times New Roman, Georgia, Garamond, và Bookman Old Style Các phông chữ Sans-serif:

Verdana, Arial, Tahoma và Trebuchet MS Các phông chữ Serif

có đuôi nhỏ, hoặc các đường cong, ở các cạnh của chữ cái. (Văn bản này có phông chữ serif.) Các phông chữ Sans-serif có cạnh thẳng và không có kiểu dáng kỳ lạ. Khi bạn muốn thay đổi một gia đình font trong CSS của mình, mở stylesheet (style.css), tìm kiếm thuộc tính: font-family, thay đổi các giá trị cho thuộc tính đó và lưu các thay đổi của bạn.

font-family: Georgia, "Bitstream Charter", serif;

Màu phông

Với hơn 16 triệu kết hợp màu HTML, bạn có thể tìm thấy màu sắc phù hợp cho dự án của mình. Sau một thời gian, bạn sẽ ghi nhớ các mã màu yêu thích của mình. Biết các mã cho các sắc thái khác nhau của màu xám giúp bạn nhanh chóng thêm một thiết kế thêm cảm ứng.

Bạn có thể dễ dàng thay đổi màu sắc của phông chữ bằng cách thay đổi thuộc tính màu sắc của bộ chọn CSS bạn muốn tinh chỉnh. Bạn có thể sử dụng mã hex để xác định màu sắc.

Bạn có thể xác định màu phông tổng thể trong trang web bằng cách xác định màu đó trong bộ chọn CSS của cơ thể như sau:

body {color: # 333;}

Kích thước phông

Để điều chỉnh kích thước phông chữ của bạn, thay đổi thuộc tính font-size của bộ chọn CSS bạn muốn điều chỉnh. Kích thước phông chữ thường được xác định bởi các đơn vị đo lường, như trong các ví dụ sau:

px

:

Đo Pixel, hoặc px; tăng hoặc giảm số lượng pixel tăng hoặc giảm kích thước phông chữ (12px lớn hơn 10px).

• pt : Đo điểm, hoặc pt; như với các điểm ảnh, tăng hoặc giảm số lượng các điểm ảnh hưởng đến kích thước phông chữ tương ứng (12pt là lớn hơn 10pt).

• % : Phần trăm đo lường, hoặc%; tăng hoặc giảm tỷ lệ phần trăm ảnh hưởng đến kích thước phông chữ tương ứng (50% tương đương với 8 pixel, 100% tương đương với 16 pixel).

• Trong mẫu CSS mặc định, kích thước phông chữ được định nghĩa trong thẻ cơ thể theo pixel, như sau: font-size: 12px; Đặt tất cả lại với nhau

Kiểu phông chữ cho toàn bộ phần của trang web bằng cách đặt cả ba phần tử (phông chữ, gia đình, màu sắc và kích thước font) vào nhãn. Đây là cách chúng hoạt động cùng nhau trong thẻ của mẫu mặc định CSS:

body {font-size: 12px; font-family: Georgia, "Điều lệ Bitstream", serif; màu sắc: # 666;}