Cách Tăng Font Chữ Trên Html

Mục lục:

Cách Tăng Font Chữ Trên Html
Cách Tăng Font Chữ Trên Html

Video: Cách Tăng Font Chữ Trên Html

Video: Cách Tăng Font Chữ Trên Html
Video: Bài 10: Cách sử dụng font trong html và css 2024, Có thể
Anonim

Có thể tăng phông chữ HTML bằng cách sử dụng các thẻ đặc biệt cho phép bạn kiểm soát các thông số của văn bản hiển thị trên màn hình. Cài đặt hiển thị tương tự được triển khai trong CSS, mã của mã này có thể được tích hợp dễ dàng vào trang đã chỉnh sửa.

Cách tăng font chữ trên html
Cách tăng font chữ trên html

Để chỉnh sửa văn bản nguồn của tài liệu có đuôi.html, hãy mở trình chỉnh sửa văn bản bạn đang sử dụng (ví dụ: Notepad). Nhấp vào "Tệp" - "Mở" và chỉ định đường dẫn đến trang có mã bạn muốn thay đổi. Sau đó nhấn phím Enter trên bàn phím của bạn và bắt đầu chỉnh sửa phần mong muốn của tài liệu.

Html

Thay đổi kích thước phông chữ được thực hiện thông qua tay cầm. Trong phạm vi của thẻ này, bạn có thể đặt các thông số cần thiết cho chiều cao của các chữ cái và màu sắc của chúng. Văn bản được bao quanh giữa các phần tử mở và đóng sẽ được hiển thị theo các cài đặt được thực hiện:

Mọi văn bản

Các chữ cái được viết giữa và sẽ có kích thước 15 do tham số kích thước đã cho.

Lưu các thay đổi của bạn để áp dụng các thông số. Bạn có thể đóng cửa sổ trình chỉnh sửa và nhấp đúp vào trang HTML để mở nó trong cửa sổ trình duyệt. Bạn cũng có thể nhấp chuột phải vào tài liệu và chọn "Open With" để khởi chạy nó trong trình duyệt web. Chọn trình duyệt của bạn từ danh sách các chương trình được chỉ định.

CSS

Sử dụng bảng kiểu xếp tầng cho phép bạn tinh chỉnh cài đặt phông chữ của mình. Với sự trợ giúp của mã, bạn có thể thay đổi cài đặt hiển thị cho toàn bộ văn bản được hiển thị trên trang và cho các phần tử riêng lẻ (ví dụ: tiêu đề). CSS có thể được chỉ định trong phần nội dung của document (), nhưng thuận tiện nhất là viết các lệnh cần thiết vào bộ mô tả bằng cách đặt các lệnh trong thẻ.

Thuộc tính font-size chịu trách nhiệm thay đổi các thông số về kích thước phông chữ. Giá trị được mô tả có thể được chỉ định bằng pixel (px), điểm (pt) và phần trăm (%). Ví dụ:

Thay đổi kích thước phông chữ

nội dung {font-size: 13pt; }

h1 {font-size: 200%; }

p {font-size: 15px; }

Trong ví dụ này, kích thước cho văn bản được nhập trong phần nội dung của trang là 13 điểm. Bất kỳ chữ cái nào giữa các thẻ sẽ được phóng to gấp 2 lần (100% kích thước ban đầu). Văn bản được chỉ định giữa các bộ mô tả sẽ là 15 pixel. Cần lưu ý rằng các thông số được đặt cho từng phần tử trang riêng biệt sẽ được ưu tiên hơn các giá trị chung hơn. Ví dụ:

Phông chữ đoạn văn thông thường

Đã thay đổi đoạn văn

Theo quy định, văn bản giữa các thẻ phải có kích thước 15px. Tuy nhiên, phông chữ trong đoạn thứ hai sẽ có kích thước 18, vì mã trong phần nội dung của tài liệu thường được ưu tiên hơn các cài đặt chung trong.

Đề xuất: