@ font-face vs Google Fonts vs Cufon

Question

Vì vậy, tôi đã bị ép buộc bởi hoàn cảnh sử dụng @ font-face trên trang web tôi đang phát triển và phải nói rằng tôi bị ấn tượng bởi chất lượng hiển thị của trình duyệt chéo so với Google Fonts nhưng dường như nó có tác động nặng nề lên các yêu cầu http so với Cufon, vì bạn cần bốn biến thể cho mỗi phông chữ cho bản sao nội dung và đôi khi là một cặp cho tiêu đề.

Tôi thường làm việc với cufon vì tôi thấy nó linh hoạt, đáng tin cậy giữa trình duyệt và thiết bị di động, và mặc dù đôi khi có một số vấn đề không gian trắng lẻ dễ làm việc. Tôi đã không làm được nhiều với các phông chữ của Google như là render sucks trong một số trình duyệt.

Rõ ràng là công nghệ đã chuyển sang! Làm thế nào để ba khác nhau, có bất kỳ cạm bẫy nghiêm trọng với bất kỳ của ba?

Answer 1

Tôi nghĩ có hai cân nhắc để chọn giữa @ phông chữ, mặc định của trình duyệt và cufon.

1. Làm thế nào dễ dàng nó sẽ cho bạn duy trì giao diện của trang web của bạn sử dụng CSS

Khi sử dụng một giải pháp javascript cho bất kỳ phần nào của trang web, điều quan trọng là (với tôi ít nhất) mà trang web có vẻ phong nha có hoặc không có javascript. Điều này có nghĩa là nếu người dùng nhấp vào 'dừng' trước khi trang tải xong, loại đó sẽ vẫn ở vị trí của nó trong thiết kế. Điều này có nghĩa là có dự phòng bằng phông chữ mặc định. Tôi đã thấy điều này thực sự có vấn đề trong quá khứ vì chiều cao dòng của phông chữ cufon có thể khác đáng kể so với phông chữ thông thường, làm cho nó cần thiết để viết css thừa để kiểm soát những trường hợp này. đau ở mông.

Với @ font-face, đặc biệt là sử dụng phông chữ google hoặc typekit, các phông chữ được chọn chất lượng và hiển thị dự đoán và hiển thị chắc chắn và liên quan tốt (đối với bố cục và chiều cao dòng). Ví dụ: bạn có thể chuyển từ proxima-nova về arial mặc định mà không có tác động gì trong bố cục-- Tôi thấy đây là một thách thức với cufon.

2. Làm thế nào người dùng sẽ cần phải tương tác với các trang web

Tôi thích để có thể làm nổi bật văn bản, tìm kiếm văn bản, và nhìn thấy một con trỏ văn bản khi tôi di chuột qua văn bản. Bạn không thể làm điều đó với cufon. Nếu trang web của bạn có nhiều thông tin hơn, cufon không phải là một lựa chọn tốt.

Tôi muốn nói rằng Cufon là một lựa chọn tốt cho các trang web nhỏ có tính thẩm mỹ cao như nội dung (không có nội dung đơn giản). CMS ... www.macretailsolutions.com là một trang web mà tôi đã làm với Cufon mà tôi nghĩ thuộc thể loại này). Nếu không, ý kiến ​​của tôi là trên cả quan điểm bảo trì/phát triển và quan điểm khả năng sử dụng, nó sẽ hút. Nó chắc chắn đúng là Cufon sẽ render nhiều đẹp hơn trong IE, nhưng sự thật là nếu mọi người đang sử dụng IE ở nơi đầu tiên, họ không quá lo lắng về tính thẩm mỹ để bắt đầu với IE7.

Kết luận: không sử dụng Cufon.