Kích thước phông chữ: EMs vs Pixels ... trong năm 2011, kích thước nào nên được sử dụng?

Question

Vì vậy, trở lại trong ngày, nó được ưa thích nhiều hơn để sử dụng EMs để pixel cho kích thước phông chữ vì EMs thu nhỏ với IE6 trong khi điểm ảnh không. Tuy nhiên, những ngày này, mọi trình duyệt hiện đại đều có thể chia tỷ lệ pixel có kích thước chính xác. EMs lợi thế khác là nó thác, trong khi điểm ảnh thì không.

Điều đó nói rằng, nếu một người đang phát triển web cho các trình duyệt hiện đại và hoàn toàn không NOT muốn kích thước phông chữ xếp tầng, pixel có được ưu tiên không?

Tôi đang cố gắng để nghĩ rằng nếu có bất kỳ hạn chế khác để sử dụng pixel cho kích thước phông chữ thay vì DTTS. Cảm ơn!

Answer 1

Trong khi tất cả các trình duyệt hiện đại có khả năng phóng to với văn bản có kích thước sử dụng px, họ có thể không phải tất cả văn bản quy mô có kích thước sử dụng px, nó còn phụ thuộc vào trình duyệt.

Thử văn bản 'mở rộng' trong IE8 bằng cách sử dụng thu phóng, hoàn toàn ổn. Quy mô bằng cách sử dụng công cụ sửa đổi kích thước văn bản chính thức (trang -> cỡ chữ -> lớn nhất) và nó không hoạt động.

1. IE8 - Phóng to, không có quy mô
2. Firefox 4 beta 12 - Phóng to, không có quy mô
3. Google Chrome 10 beta - Phóng to, không có quy mô

Một số cơ quan chính thức mà tôi làm việc với sử dụng công cụ sửa đổi kích thước văn bản chính thức như một phần của quản lý cài đặt nhóm người dùng/nhóm của họ. Khi tài khoản được thiết lập cho người dùng, chúng thường được định cấu hình trước bằng cài đặt này. Tôi không biết liệu họ có đặt nó ở đó không ... nhưng đối với tôi, EMs vẫn thích hợp hơn vì PX không quy mô ở khắp mọi nơi.

Cuối cùng, một vài từ từ W3C.

lô: tránh đơn vị chiều dài tuyệt đối cho màn hình hiển thị

• Đừng xác định font-size trong pt, hoặc đơn vị chiều dài tuyệt đối khác cho stylesheets màn hình. Chúng hiển thị không nhất quán trên các nền tảng và không thể được thay đổi kích thước bởi Tác nhân người dùng (ví dụ: trình duyệt). Tiếp tục sử dụng các đơn vị như vậy để tạo kiểu trên phương tiện với các đặc tính vật lý cố định và đã biết (ví dụ: in).
• Sử dụng đơn vị chiều dài tương đối như phần trăm hoặc (tốt hơn) em

ref: http://www.w3.org/QA/Tips/font-size

Answer 2

Tất cả các trình duyệt hiện đại có đầy đủ trang zoom, vì vậy pixel là tốt hơn bởi vì sau đó bạn có thể phù hợp với kích thước văn bản với đồ họa trang (mà là pixel-based).

Answer 3

Một nhược điểm quan trọng để sử dụng cỡ chữ bằng pixel là nó trở nên khó khăn để thay đổi toàn bộ văn bản trang web kích thước phông chữ tương ứng sau khi bạn đã hoàn thành phát triển.

Nếu bạn đặt kích thước phông chữ tuyệt đối ở một nơi - tốt nhất là kích thước phông chữ của phần tử cơ thể - và sử dụng Ems trong bất kỳ thuộc tính kích thước nào khác, bạn có thể thay đổi toàn bộ kích thước văn bản của trang web.Tôi giả định rằng hầu hết người dùng không biết cách chia tỷ lệ văn bản bằng cách sử dụng khả năng thu phóng trình duyệt của họ và nhà thiết kế web vẫn muốn đặt tỷ lệ mặc định giữa văn bản, thành phần trang khác và bố cục chung.

Answer 4

tôi đang làm nó theo cách này:

• mất một reset.css (eric Meyers là tốt http://meyerweb.com/)
• xác định kiểu mặc định (như h1..h6, một, vv)
• sau sử dụng EM nếu cần

Trải nghiệm tốt với hỗ trợ trình duyệt chéo (cũng trên thiết bị di động) vì tôi đã bắt đầu phát triển web.

thử nó :)