Có một số cách để tùy chỉnh đặc điểm phông chữ của khối văn bản trên một trang. Một số người trong số họ sử dụng riêng HTML, những người khác - chỉ CSS, và vẫn còn những người khác kết hợp khả năng của cả hai ngôn ngữ.
Hướng dẫn
Bước 1
Bạn có thể chỉ định các thông số của phông chữ mà trình duyệt sẽ sử dụng để hiển thị một khối văn bản cụ thể trên trang, ngay trước khi bắt đầu khối này. Đối với điều này, các phương tiện của ngôn ngữ đánh dấu là đủ, mà không liên quan đến mô tả phong cách của các phần tử của tài liệu. Cấu trúc HTML tương ứng bao gồm các thẻ phông chữ (và) mở và đóng, giữa đó văn bản được đặt. Thẻ này cho phép bạn chỉ định tên của phông chữ trong thuộc tính khuôn mặt, màu sắc của nó (trong thuộc tính color) và kích thước (trong thuộc tính size). Màu có thể được chỉ định trong ký hiệu văn bản của nó (ví dụ: Xanh lam), nhưng tốt hơn nên sử dụng mã thập lục phân (ví dụ: # 0000FF thay vì Xanh lam), vì chúng có thể được sử dụng để chọn chính xác hơn màu mong muốn. Kích thước phông chữ được đặt ở đây theo đơn vị tương đối - bạn cần chỉ định một số trong phạm vi từ 1 đến 7. Văn bản mẫu với các thông số phông chữ được đặt theo cách này:
Bước 2
Một cách khác là sử dụng thuộc tính style. Nó có thể được chỉ định trong nhiều thẻ, bao gồm những thẻ tạo thành nội tuyến hoặc khối các vùng có văn bản trong nội dung tài liệu. Đây là một ví dụ với thẻ tạo thành một đoạn văn bản:
Văn bản mẫu
Ở đây, 700 là font-weight và 20px là font-size. Trên thực tế, chúng thực tế sao chép lẫn nhau - chúng đặt kích thước của các chữ cái. Sự khác biệt duy nhất là kích thước phông chữ cho biết kích thước theo đơn vị tuyệt đối (px hoặc em) và trọng lượng phông chữ theo đơn vị tương đối, tức là tăng hoặc giảm kích thước của khối văn bản này so với kích thước được chỉ định cho toàn bộ tài liệu nói chung. Như bạn có thể tưởng tượng, không có ích gì khi sử dụng cả hai cùng một lúc trong một thuộc tính style, chúng chỉ được kết hợp ở đây để làm ví dụ. Số 12, được biểu thị bằng một phân số sau kích thước tuyệt đối, đặt chiều cao của các dòng trong đoạn này. Và Verdana, tất nhiên, là tên của phông chữ được sử dụng.
Bước 3
Tuy nhiên, việc chỉ định các tham số phông chữ trực tiếp trong các thẻ phần tử trang hiện nay hiếm khi được sử dụng. Theo quy tắc, mô tả phông chữ được đặt trong các khối CSS và chỉ các liên kết đến chúng được chỉ ra trong thẻ - trong thuộc tính lớp hoặc id. Ví dụ về kiểu chỉ định thông số phông chữ:
.paraFont {font: 20px / 40 Verdana;}
Văn bản mẫu
Bước 4
Nếu không có nhiều phông chữ đặc biệt trong trang, thì bạn có thể đặt các thông số, ví dụ: cho tất cả các thẻ
và không liên kết đến mô tả kiểu trong thuộc tính lớp hoặc trong id. Trong trường hợp này, mẫu trước có thể được đơn giản hóa thành loại này:
p {font: 20px / 40 Verdana;}
Văn bản mẫu
