Trong ngăn nhà phát triển của Chrome, tôi có thể thấy các cài đặt css này của một phần tử.phông chữ-gia đình được kế thừa. Làm cách nào để tìm ra họ phông chữ trong ngăn nhà phát triển chrome?
Theo như tôi có thể thấy, mỗi giá trị duy nhất font-family là kế thừa.
Làm cách nào để tìm giá trị thực tế của họ phông chữ? Và làm thế nào tôi có thể theo dõi định nghĩa của giá trị phông chữ gốc-gia đình đến từ hệ thống phân cấp thừa kế?
Developer Tools > Elements > Computed > Rendered Fonts
Bức tranh bạn gắn liền với câu hỏi của bạn hiển thị Style tab. Nếu bạn thay đổi sang tab tiếp theo, Computed, bạn có thể kiểm tra Phông chữ được hiển thị, cho biết phông chữ thực tế của gia đình được hiển thị.
Gia đình phông chữ mặc định của trình duyệt của bạn sẽ được kế thừa cho trường hợp đó.
Bạn có thể kiểm tra phông chữ mặc định trình duyệt trong chrome: Cài đặt> nội dung Web> Tùy chỉnh phông chữ ...
Các inherit value, khi được sử dụng, có nghĩa là giá trị của thuộc tính được đặt thành giá trị của cùng một thuộc tính của phần tử gốc. Đối với phần tử gốc (trong tài liệu HTML, cho phần tử html) không có phần tử cha; theo định nghĩa, giá trị được sử dụng là giá trị ban đầu của thuộc tính. Giá trị ban đầu được xác định cho mỗi thuộc tính trong thông số kỹ thuật CSS.
font-family property đặc biệt theo nghĩa là giá trị ban đầu không được cố định trong đặc điểm kỹ thuật nhưng được xác định là phụ thuộc vào trình duyệt. Điều này có nghĩa là họ phông chữ mặc định của trình duyệt được sử dụng. Giá trị này có thể được đặt bởi người dùng.
Nếu có một chuỗi các phần tử liên tục (theo nghĩa các mối quan hệ cha-con) từ phần tử gốc đến phần tử hiện tại, tất cả đều có font-family được đặt thành inherit hoặc không được đặt ở bất kỳ trang nào. thừa kế), sau đó phông chữ là mặc định của trình duyệt.
Điều này khá là không thú vị. Nếu bạn không đặt phông chữ, các mặc định của trình duyệt sẽ được sử dụng. Vấn đề thực sự của bạn có thể khác - bạn dường như đang xem xét một phần của các tờ định kiểu tạo thành một biểu định kiểu trình duyệt. Có thể có các tờ phong cách khác, thú vị hơn có ảnh hưởng đến tình hình.
Tôi nghĩ op muốn biết những gì các phông chữ được sử dụng trên một trang web là, và hy vọng rằng thông tin có thể có thể tìm thấy trong cửa sổ 'kiểm tra'.
Thử thêm tiện ích mở rộng Whatfont Chrome.
Nếu bất kỳ thuộc tính nào cho bộ chọn 'html' là' kế thừa', điều đó chỉ có nghĩa là sử dụng tùy chọn người dùng (từ cài đặt). Giá trị sẽ chỉ thay đổi sau khi bạn đặt giá trị một cách rõ ràng trong biểu định kiểu. Hay bạn có nghĩa là cái gì khác? –