2009-05-31 32 views
10

Tôi muốn sử dụng phông chữ web không chuẩn để cải thiện giao diện HTML của mình.Phông chữ web nhúng với sifr?

Có thích hợp hơn khi nhúng phông chữ web hoặc sử dụng một cái gì đó như sifr?

Sự hiểu biết của tôi là sifr là trình xem dựa trên flash cho phông chữ vectơ nhưng tôi không muốn thử vì có vẻ hơi phức tạp.

Dường như không có nhiều lời nói khích lệ về nhúng phông chữ trên web (vì các vấn đề pháp lý) vì vậy có thể sifr là cách tiêu chuẩn hơn để làm điều này?

Mọi phản hồi sẽ được đánh giá cao. Cảm ơn.

+1

Thực tế, tôi không nghĩ rằng các vấn đề pháp lý là nghiêm trọng. Mọi người đã tạo nhiều phông chữ nhúng miễn phí đẹp mắt. Có những thương mại quá. Đó thực sự là một câu hỏi "trình duyệt chưa hỗ trợ". BTW, xin đừng quên chấp nhận câu trả lời khi bạn cảm thấy như bạn có một ... –

Trả lời

12

Phông chữ web được hỗ trợ trong Safari 3.1, Firefox 3.5 sắp tới và sắp tới Opera 10. Internet Explore đã hỗ trợ định dạng (khác) kể từ IE4.

Tại thời điểm này, vấn đề lớn nhất với việc triển khai trong Safari, Firefox và Opera là chúng yêu cầu bạn tải lên tệp phông chữ gốc lên máy chủ web của bạn. Đối với nhiều phông chữ, điều này sẽ cấu thành sự vi phạm giấy phép bạn nhận được từ loại đúc. Do đó, phông chữ web ngay bây giờ không phải là một giải pháp thích hợp nếu loại đúc đã không cho phép bạn sử dụng chúng. Tuy nhiên, có sẵn phông chữ được cấp phép tự do.

Điều này khiến chúng tôi có khoảng ba tùy chọn khác: hình ảnh, Flash và các giải pháp dựa trên JavaScript. Hình ảnh thường thích hợp hơn ở chỗ chúng có tác động tối thiểu liên quan đến quirks trình duyệt và hiệu suất, tuy nhiên thế hệ hình ảnh động trong, nói, PHP thường không tốt như các giải pháp khác. Dĩ nhiên bạn có thể tự tạo các hình ảnh trong Photoshop, nhưng điều đó thường sẽ đánh bại mục đích.

sIFR sử dụng Flash để hiển thị văn bản và khá linh hoạt để bạn có thể chọn văn bản, thay đổi động và có một số quyền kiểm soát kiểu dáng của các phần tử HTML lồng nhau. Hoefler & Frere-Jones đã cung cấp cho sIFR OK, miễn là bạn trả tiền cho một giấy phép máy chủ và thực hiện tất cả các biện pháp có thể trong việc giới hạn phim flash sIFR cho tên miền của bạn.

Cufón là một giải pháp hoàn toàn JavaScript đã triển khai công cụ hiển thị của riêng mình, điều này cực kỳ thông minh. Tại thời điểm này nó không linh hoạt như sIFR, và các vấn đề pháp lý của nó vẫn chưa rõ ràng.

Điều đó nói rằng, hình ảnh, sIFR và Cufón đều bị hack và chúng tôi cần phông chữ web thích hợp hôm qua.

(Disclaimer:. Tôi là nhà phát triển chính của sIFR, vì vậy tôi có thể là hơi thiên vị)

+1

Wow, đặc ân khi có bạn ở đây. Cảm ơn Mark đã trả lời. –

+0

và google phông chữ API http://code.google.com/webfonts –

2

cái gì đó để xem xét:

Đối với mỗi khách truy cập người thấy 'tìm kiếm tốt hơn' phông chữ của bạn, có cũng giống như nhiều người sẽ không phải do có một trình duyệt không tương thích hoặc tắt tính năng đó. Chỉ có phông chữ phù hợp có lẽ không phải là thay đổi thiết kế có giá trị nhất mà bạn có thể làm việc.

Được viết từ trình duyệt trên điện thoại di động của tôi vốn không làm phông chữ được nhúng.

+0

Nó không phải là một phân chia 50/50. Chắc chắn có nhiều người/trình duyệt hỗ trợ phông chữ sIFR hoặc nhúng hơn không. Dù bằng cách nào, cả hai phương pháp đều làm suy giảm một cách duyên dáng cho những trình duyệt không hỗ trợ chúng. –

+0

@musicfreak: các phông chữ được nhúng chỉ giảm xuống một cách duyên dáng đối với các phông chữ có cùng số liệu, điều mà không phải ai cũng biết. –

+0

@ilya n: Thật sao? Tôi không biết rằng ... Thành thật mà nói tôi chưa bao giờ thử nhúng các phông chữ đơn giản chỉ vì thiếu trình duyệt hỗ trợ, nhưng tôi thấy không có gì sai với sIFR. Đó là một công cụ tuyệt vời cho những người hỗ trợ nó, và những người không thể nhìn thấy văn bản bình thường. –

3

Bạn cũng có thể xem xét (các) thay thế JS. Tuy nhiên, để có khả năng tương thích tốt nhất cho trình duyệt chéo, bạn nên sử dụng hình ảnh và có thể là một mẹo CSS hình ảnh nền và văn bản để thay thế văn bản tĩnh bằng hình ảnh của bạn.

Kỹ thuật tôi đã đề cập ở trên (và những người khác) có thể được đọc ở đây: http://css-tricks.com/nine-techniques-for-css-image-replacement/

+0

Thú vị. Combo từ khóa tốt nhất để tìm kiếm thêm thông tin về điều đó là gì? "CSS thụt lề văn bản nền"? Cảm ơn những lời đề nghị. –

+0

Tôi đã thêm một liên kết Carson – alex

2

Lưu ý rằng CSS3 Web Fonts mô-đun, trong đó xác định phông chữ nhúng vẫn là một dự thảo công tác. Thật vậy, sự hỗ trợ thực tế của việc nhúng phông chữ là không tốt. Tôi muốn nói tốt hơn là đợi 2-3 năm nữa.

+1

+1, tôi sẽ viết cùng một thứ. Tôi tin rằng WebKit là công cụ trình duyệt phổ biến duy nhất hỗ trợ các phông chữ được nhúng trong bản phát hành ổn định. –

+0

Opera hỗ trợ các phông chữ được nhúng và phiên bản tiếp theo của Firefox cũng sẽ hỗ trợ nó. Việc nhúng phông chữ là một phần quan trọng của thử nghiệm ACID 3, tất cả các trình duyệt chính v.next, ngoại trừ IE8, hiện đang nhắm đến. Tôi sẽ không nói 2-3 năm ... nhiều hơn như 6 tháng đến một năm trước khi nó khả thi nói chung, với IE nhận được hỗ trợ đôi khi sau đó. – jrista

+2

Cuộc sống của một nhà phát triển web sẽ đơn giản hơn nhiều nếu không có IE ... –

1

Cũng đáng gì: TypeKit, một dịch vụ cung cấp cho bạn một dòng hoạt Javascript để trừu tượng tất cả những điều này đi.

Các vấn đề liên quan