Thuộc tính CSS font-family được sử dụng để đặt một phông chữ cụ thể cho phần tử đã chọn. Bạn nên sử dụng các phông chữ an toàn cho web bằng cách chỉ định các phông chữ bổ sung để đảm bảo khả năng tương thích trên nhiều trình duyệt.
Cú pháp
Cú pháp của thuộc tính font-family CSS như sau &mins;
Selector {
font-family: /*value*/
} Các ví dụ sau minh họa thuộc tính CSS font-family -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
background-color: thistle;
font-family: "Magneto", Arial;
}
p {
font-family: "Segoe Print", serif;
font-size: 1.4em;
}
</style>
</head>
<body>
<h2>Learn Fortran</h2>
<p>Fortran, as derived from Formula Translating System, is a general-purpose, imperative programming language. It is used for numeric and scientific computing.</p>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
th {
font-family: "Franklin Gothic Book", Arial;
border: thin solid blue;
}
td {
font-family: "Lucida Console", serif;
font-size: 1.1em;
box-shadow: inset 0 0 3px black;
}
caption {
font-family: Broadway;
font-size: 24px;
}
</style>
</head>
<body>
<table>
<caption>Demo Table</caption>
<tr>
<th>DEMO 1</th>
<th>DEMO 2</th>
</tr>
<tr>
<td>demo a</td>
<td>demo b</td>
</tr>
<tr>
<td>demo c</td>
<td>demo d</td>
</tr>
</table>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
