Chúng ta có thể sử dụng kết hợp tỷ lệ phần trăm và em để chỉ định kích thước phông chữ của các phần tử để phông chữ tương thích tốt hơn. Điều này cho phép chúng tôi có văn bản thống nhất trên các trình duyệt khác nhau.
Cú pháp
Cú pháp của thuộc tính font-size CSS như sau -
Selector {
font-size: /*value*/
} Ví dụ
Các ví dụ sau minh họa cách có thể đặt thuộc tính kích thước phông chữ CSS với từ khóa -
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-size: 80%;
}
p {
font-size: 2em;
}
span {
font-size: 4em;
font-style: italic;
}
</style>
</head>
<body>
<p>Reading <span>source code</span> written by others gives you opportunity to criticize the
mistakes done in writing that code</p>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
font-size: 120%;
}
p {
font-size: 2em;
}
</style>
</head>
<body>
<h3>Demo Heading</h3>
This is example text.
<div>
Examples are easier to understand with practical implementation
<p>This is another text just to display different ways to set font size in CSS.</p>
</div>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
