Khi sử dụng họ phông chữ xếp chồng, trình duyệt sẽ sử dụng gì khi KHÔNG có các phông chữ được chỉ định?


7

Ví dụ mã HTML đơn giản:

<p>font family</p>

Ví dụ mã CSS đơn giản:

p {
    font-family: Arial, Helvettica, sans-serif;
}
  1. Trình duyệt tìm Arial
  2. Arialkhông có mặt sau đó nó sẽ tìm kiếmHelvettica
  3. Helvetticakhông có mặt sau đó nó sẽ tìm kiếmsans-serif

Câu hỏi

  • Điều gì sẽ xảy ra nếu trình duyệt không tìm thấy bất kỳ họ phông chữ nào?
  • Nếu trình duyệt sử dụng phông chữ mặc định , nó sử dụng phông chữ nào?

4
Btw "Helvettica" chỉ có một t. sans-seriflà một họ phông chữ "chung chung", không có phông chữ nào được gọi là "sans-serif" (mà bạn dường như ngụ ý). Phông chữ "sans-serif" mặc định được đặt (và có thể tùy chỉnh) trong trình duyệt. Arial và Helvetica đều là phông chữ sans-serif. Phông chữ sans-serif mặc định có thể là Arial trên Windows và Helvetica trên OS X. Xem thêm webmasters.stackexchange.com/questions/33793/
MrWhite

2
Hành vi dự phòng dường như không được chuẩn hóa. Từ bản nháp Mô-đun CSS Founds cấp 3, phần 5.2 : 7. Nếu không có thêm họ phông chữ nào được đánh giá và không tìm thấy khuôn mặt phù hợp, thì tác nhân người dùng thực hiện quy trình dự phòng phông chữ hệ thống để tìm ra kết quả phù hợp nhất cho nhân vật được kết xuất. Kết quả của thủ tục này có thể khác nhau giữa các tác nhân người dùng .
Jeremy Banks

Câu trả lời:


9

Nó sẽ không sử dụng phông chữ mặc định của trình duyệt. Nhưng thay vào đó, nó sẽ sử dụng phông chữ sans-serif mặc định. Vì phông chữ cuối cùng trong ngăn xếp phông chữ không phải là một phông chữ cụ thể. Đó là một tên chung. Một số trình duyệt cho phép bạn đặt nó hoặc nó sẽ mặc định cho HĐH của máy tính người dùng.

URL tham chiếu: https://developer.mozilla.org/en-US/docs/Web/CSS/font-f Family


4

Nó sẽ sử dụng phông chữ mặc định của trình duyệt. Trong trường hợp này với đặc tả sans-serif, nó sẽ tìm phông chữ sans-serif mặc định. Tôi nghĩ đối với Windows, phông chữ này là Arial và đối với Mac, đó là Helvetica (đừng trích dẫn tôi về điều đó, đã lâu rồi tôi mới xem). Nếu không có phông chữ sans-serif tồn tại trên máy, trình duyệt sẽ chuyển sang mặc định toàn cầu, thường là Times New Roman. Nếu nó không thể tìm thấy bất kỳ phông chữ nào trong bất kỳ cài đặt mặc định nào, nó sẽ chấp nhận điều đầu tiên mà hệ thống tạo ra từ trình quản lý phông chữ.


Nếu trình duyệt của bạn đang sử dụng Times New Roman làm phông chữ sans-serif mặc định của nó , một cái gì đó sẽ bị ảnh hưởng nghiêm trọng. Nhưng, vâng, sans-serifcuối cùng, trình duyệt sẽ chọn phông chữ dự phòng mặc định, thường giống với phông chữ serif mặc định và thường là Times New Roman hoặc một cái gì đó tương tự.
Ilmari Karonen

@IlmariKaronen: Ngay cả với sans-serif ở cuối, nếu hệ thống không có bất kỳ phông chữ sans-serif nào được xác định (không thể nhưng có thể), nó sẽ tiếp tục rơi vào mặc định tiếp theo sẽ là mặc định của trình duyệt của Times New Roman . Tuy nhiên, tôi có thể thấy câu trả lời không đủ rõ ràng về điều đó.
Joel Etherton

1
Về mặt kỹ thuật, tiêu chuẩn nói rằng "Tất cả năm họ phông chữ chung được xác định là tồn tại trong tất cả các triển khai CSS (chúng không nhất thiết phải ánh xạ tới năm phông chữ thực tế riêng biệt)." Vì vậy, mọi trình duyệt CSS tuân thủ không có một "sans-serif" họ phông chữ chung chung, mặc dù nó không được bảo đảm nghiêm ngặt để ánh xạ một phông chữ sans-serif thực tế. Nhưng vâng, đây là một sự phân biệt rất tóc.
Ilmari Karonen

(Và tất nhiên, nếu chúng ta thực sự bắt đầu hái nits, có một thực tế rằng phông chữ CSS dự phòng được thực hiện trên một cơ sở cho mỗi glyph. Vì vậy, trong khi tiêu chuẩn đòi hỏi mọi trình duyệt để có một "sans-serif" họ phông chữ, nó không , AFAICT, yêu cầu các phông chữ trong gia đình đó thực sự có chứa bất kỳ glyphs nào.)
Ilmari Karonen

1

Có một sai lầm cứ lặp đi lặp lại: trình duyệt sẽ chọn "mặc định hệ thống" cho "serif" hoặc "sans-serif" khi bất kỳ cái nào khác trước đây trong danh sách không có sẵn. Trong các thử nghiệm của tôi với Firefox (Iceweasel 38 thực sự, trên Debian Jessie 8.2), trình duyệt khá thông minh trong cách chọn một phông chữ. Nó sẽ chọn một phông chữ khác nếu "sans-serif" đứng trước "Arial" mà nó sẽ dùng cho "Verdana". Tương tự như vậy cho serifs. Hơn nữa, nó kéo dài phông chữ và trọng lượng vào tài khoản. Mới gần đây tôi nhận thấy DejaVu Sans ExtraLight được chọn tự động cho một phông chữ mà tôi chưa từng nghe thấy trước đây. Tôi rất muốn biết thuật toán hoạt động như thế nào, nó hoạt động như thế nào trong tất cả các trình duyệt, nhưng đây là câu trả lời tôi không thể tìm thấy.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.