Tôi đang làm một trang web một phần bằng tiếng Trung Quốc. Tôi sử dụng mã hóa UTF-8 cho tất cả các văn bản. Trang này chứa một số phần bằng tiếng Trung Quốc, trộn lẫn với các chữ cái phương Tây. Phông chữ tôi sử dụng cho văn bản phương tây không có ký tự tiếng Hoa, vì vậy tôi muốn phông chữ tiếng Trung có sẵn trên máy tính người dùng được sử dụng để hiển thị các ký tự tiếng Trung (phông chữ btw của Trung Quốc siêu lớn và không phù hợp để tải xuống khi đang di chuyển ).
Tôi có thể đặt các ký tự tiếng Trung ở giữa văn bản khác không và mong trình duyệt tìm một phông chữ tiếng Trung để hiển thị chúng (nếu tôi không quan tâm đến phông chữ nào được hiển thị), hoặc tôi nên chỉ định phông chữ tiếng Trung một cách nào đó?
Làm cách nào để chỉ định phông chữ cho văn bản tiếng Trung để đảm bảo trình duyệt của người dùng hiển thị 你好 chứ không phải □ _0?
Trên trình duyệt của tôi (Firefox 56.0), ví dụ bên dưới hiển thị văn bản tiếng Trung chính xác (tất nhiên là có một phông chữ tiếng Trung được cài đặt trên máy tính) trong cả hai <span>s. Tất cả văn bản tiếng Trung được hiển thị trong cùng một phông chữ, do đó, có vẻ như trình duyệt theo một cách nào đó có thể tìm thấy phông chữ có glyphs đang được sử dụng trong văn bản, mặc dù tôi không chỉ định tên của bất kỳ phông chữ nào có glyphs Trung Quốc ... Không biết làm thế nào mà hoạt động: |
<!doctype html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<style>
span.serif {
font-family: "serif";
}
span.courier {
font-family: "courier";
}
</style>
</head>
<body>
<span class='serif'>123， wazzup? 一二三，你好嗎？</span><br />
<span class='courier'>123， wazzup? 一二三，你好嗎？</span>
</body>
</html>Ở trên được hiển thị như thế này trên máy tính của tôi:
