Họ phông chữ trong html
Thuộc tính font-family được sử dụng để chỉ ra phông chữ (có thể là một danh sách phông chữ chữ) cho phần tử. Nếu thiết lập nhiều phông chữ thì các phông chữ được liệt kê cách nhau bởi dấu gạch ngang (,) Show Khi một phần tử thiết lập nhiều chữ theo thuộc tính css font-family, trình duyệt sẽ tìm các phông chữ đó trên hệ thống đang chạy (ưu tiên từ trái qua phải), thấy chữ nào thì dùng chữ đó, điều này . ) khi hệ thống phông chữ chữ nó khác tùy ý theo hệ thống. Ví dụ p { font-family: Arial, Helvetica, sans-serif; } /* Font chữ cho phần tử Các tên phông chữ trong CSSCác tên phông chữ bạn có thể thiết lập cho thuôc tính phông chữ-gia đình có thể là tên các họ phông chữ hoặc tên các họ chung
Bảng sau để biết tên phông chữ chung và tương ứng với một số phông chữ cụ thể có thể thuộc nhóm đó. Có hiện thị theo từng loại phông chữ để bạn nhận biết phông chữ công thức có thể hiển thị Generic familyFont familySerifNhóm các phông chữ sử dụng ít nét trang trí (chân chữ) vượt ra ngoài thân chữ. Loại phông chữ này dễ đọc, dễ in - điển hình là Times New RomanTimes New Roman Georgia Palatino BaskervilleSans-serif Nhóm font không sử dụng nét trang trí (không chân), loại này dễ đọc nhất trên màn hình, nên nó phổ biến nhất cho các website. Font điển hình là arial.Arial Arial Black Verdana Tahoma . Phông chữ điển hình Courier Gill SansMonospace Nhóm các font mà khoảng cách các chữ đều bằng nhau. Font điển hình CourierCourier New Lucida Console Andalé Mono Courier Lucida MonacoCursive Nhóm font chữ có độ cong mềm giống chữ viết tay.Bradley Hand Brush Script MT Comic Sans MS Ảo tưởng Nhóm các font chữ nghệ thuật, cách điệu.Luminari Trong thực tế hành động luôn thiết lập sau các họ phông chữ là tương thích chung, đề phòng trên một máy có thể không có phông chữ đó, trình duyệt sẽ Ví dụ có HTML as after
Use CSS time to setting font chữ cho các đoạn văn bản trên Kết quả Đây là một đoạn văn được hiển thị bằng phông chữ serif Đây là một đoạn được hiển thị bằng phông chữ sans-serif Đây là một đoạn văn được hiển thị bằng phông chữ đơn cách Đây là một đoạn văn được thể hiện bằng phông chữ khó hiểu Đây là đoạn văn được thể hiện bằng font fantasy Lưu ý các giá trị trong 5 cách nhau bằng dấu 6 các giá trị này được duyệt sử dụng thay thế. Nếu phông chữ thứ nhất được tìm thấy không ra, nó sẽ sử dụng phông chữ tiếp theo bài 13. Font chữ trong CSS (CSS Fonts)
Chúng ta hãy cùng xem ví dụ đầu tiên Sự khác biệt giữa phông chữ Serif và Sans-serif Nội dung Một số khái niệm
Georgia Các phông chữ thuộc nhóm Serif trên các ký tự có đường kẻ nhỏ ở cuối Sans-serifArial Verdana“Sans” Lucida ConsoleTất cả các ký tự đơn có cùng chiều rộng Lưu ý. Trên màn hình máy tính, phông chữ sans-serif được coi là dễ đọc hơn phông chữ serif Font-Family (phông chữ)Font chữ của một văn bản được đặt với thuộc tính_______15 Thuộc tính 5 nên giữ nhiều tên phông chữ như một hệ thống “dự án phòng”. Nếu trình duyệt không hỗ trợ phông chữ đầu tiên, nó sẽ thử phông chữ tiếp theo, v. v Bắt đầu với 1 phông chữ bạn muốn và kết thúc là đặt tên cho 1 nhóm phông chữ chung (generic family), để cho phép trình duyệt chọn một phông chữ tương tự trong nhóm đó, nếu không có phông chữ nào khác Lưu ý. Nếu tên của một phông chữ có nhiều hơn một từ, thì nó phải nằm trong dấu ngoặc kép, như. "Times New Roman" Nếu có nhiều chữ chữ chỉ được định nghĩa trong danh sách, chúng sẽ được phân tách bằng dấu phẩy Ví dụ
Kiểu chữ (Kiểu chữ)Thuộc tính 9 được sử dụng chủ yếu để chỉ định văn bản theo hướng nghiêng Thuộc tính này có 3 giá trị như sau
Ví dụ
Cỡ chữ (Cỡ chữ)Thuộc tính 0 thiết lập kích thước của văn bảnTuy nhiên, bạn không nên sử dụng thuộc tính 0 để làm cho đoạn văn trông giống như tiêu đề hoặc tiêu đề trông giống như đoạn vănHãy sử dụng các thẻ HTML thích hợp, như – |