css khác nhau kích cỡ phông chữ trên các gia đình khác nhau

Question

Tôi có một lời tuyên bố CSS như thế này:

font-family: font1, font2, font3; 

nơi font1 là một phông chữ EOT/ttf nhúng, nhưng vấn đề là font chữ này là nhỏ hơn so với các phông chữ khác vì vậy tôi muốn có kích thước phông chữ khác nhau (1.8em) cho phông chữ này (font1). Tất cả các phông chữ khác (font2, font3) vẫn không bị ảnh hưởng.

Vấn đề là, tôi không thể xác minh xem trình duyệt của người dùng có sử dụng font1, font2 hoặc font3 hay không. Có bất kỳ tuyên bố css nào cho phép các kích thước phông chữ khác nhau cho các gia đình khác nhau không?

Cảm ơn.

Answer 1

Có là cách để thực hiện việc này, nhưng hiện tại nó đã được hỗ trợ rất kém. Thuộc tính CSS bạn đang tìm kiếm là font-size-adjust - thuộc tính CSS3 mới được giới thiệu cụ thể để giải quyết vấn đề này. Các đặc điểm kỹ thuật cho biết:

Trong tình huống mà phông chữ fallback xảy ra, phông chữ dự phòng có thể không chia sẻ tỉ lệ khung hình giống như mong muốn họ phông chữ và do đó sẽ xuất hiện ít có thể đọc được. Thuộc tính điều chỉnh kích thước phông chữ là một cách để bảo vệ khả năng đọc của văn bản khi phông chữ dự phòng xảy ra. Nó thực hiện điều này bằng cách điều chỉnh kích thước phông chữ sao cho chiều cao x là tương tự với phông chữ được sử dụng.

Tuy nhiên, nó chỉ được hỗ trợ trong Firefox kể từ bây giờ, vì vậy bạn có thể muốn tìm các giải pháp thay thế.

Đối với ví dụ về cách sử dụng nó, xem:

http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/
https://developer.mozilla.org/en/CSS/font-size-adjust
http://www.fonttester.com/help/css_property/font-size-adjust.html
http://www.w3.org/TR/css3-fonts/#relative-sizing-the-font-size-adjust-pro