Video: Clip 1.6 - Học thiết kế Web với Bootstrap 3, CSS, HTML - Thiết kế website đẹp: Màu Sắc 2025
Không có một phông chữ an toàn trên web cho mọi nền tảng trừ khi bạn muốn sử dụng các kiểu phông chữ chung nhất trong CSS3. Các nhà phát triển muốn duy trì một diện mạo nhất định, vì vậy điều quan trọng là phải bao gồm các phông chữ đặc biệt trước tiên và sau đó các phông chữ dự phòng ít cụ thể hơn. Sử dụng cách tiếp cận này đảm bảo rằng mọi người sẽ có thể xem trang của bạn như bạn dự định ban đầu để trình bày trang này, ít nhất ở một mức độ nào đó.
Khi bạn đang làm việc với một font chung, sự xuất hiện của nó sẽ thay đổi một chút. Với điều này, đây là một danh sách phông chữ an toàn web serif (có các ký tự sử dụng một dòng để kết thúc nét chính của mỗi nhân vật, chẳng hạn như các dòng xuất hiện dưới dòng chính của M); phông chữ cụ thể nhất xuất hiện đầu tiên và phông chữ cụ thể ít nhất sẽ xuất hiện cuối cùng.
Georgia, serif-
"Palatino Linotype"
-
, " Sách Antiqua " , Palatino, serif Times New Roman "Times, serif
-
Mỗi phông chữ có cảm giác hơi khác, nhưng đôi khi tốt nhất bạn có thể làm là phông chữ serif đơn giản - sự lựa chọn cuối cùng trong mỗi danh sách. Danh sách sau đây mô tả các phông chữ
sans - serif chung chung (những người có các ký tự thiếu chữ serif). Một lần nữa, phông chữ cụ thể nhất xuất hiện đầu tiên và sự cụ thể nhất xuất hiện cuối cùng. Arial
,-
Helvetica, sans-serif "Arial Black" Gadget, sans-serif
-
"Comic Sans MS" , < Tác động
-
Than củi, sans-serif "Lucida Sans Unicode" "Lucida Grande", sans-serif
-
Tahoma Geneva, sans-serif
-
"Trebuchet MS" Helvetica, sans-serif
-
-
Courier, monospace "Lucida Console" Monaco, không gian đơn
Đây là các phông chữ phổ biến. Tuy nhiên, bạn có thể thấy rằng bạn muốn sử dụng một cái gì đó ít phổ biến hơn. May mắn thay, có những trang web nơi bạn có thể xem danh sách các phông chữ được chấp nhận. Trong thực tế, ngăn xếp Phông chữ CSS giúp bạn dễ dàng chọn phông chữ bằng cách nhìn thấy nó trông như thế nào trước và sau đó nhấp vào một nút để sao chép mã yêu cầu vào khay nhớ tạm. -
Ví dụ: khi bạn nhấp vào Arial ở trang đó, bạn thực sự nhận được điều gì là gia đình font: Arial, "Helvetica Neue", Helvetica, sans-serif.
