2012-01-09 62 views
5

Tôi có thể nhúng và tạo kiểu phông chữ trên trang web để xem trên Android và iPhone và nó hoạt động tốt. Tuy nhiên, nó sẽ không hiển thị trên Windows Phone 7.5.Có thể sử dụng phông chữ tùy chỉnh - sử dụng phông chữ không?

Tôi đã thử nhúng font vào CSS:

@font-face { 
    font-family:'MyFont'; 
    src: url(data:font/woff;charset=utf-8;base64,d09GR... 
} 

... và cũng có thể cung cấp các file EOT/ttf, sử dụng một tuyên bố mà làm việc trên tất cả các trình duyệt khác -

@font-face {font-family:'MyFont';src:url('../fonts/MyFont-webfont.eot');src:url('../fonts/MyFont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/MyFont-webfont.svg#MyFontRegular') format('svg'), url('../fonts/MyFont-webfont.woff')format('woff'), url('../fonts/MyFont-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;} 

... nhưng vẫn không có may mắn. Tôi không thể tin rằng điện thoại Windows mới không cho phép cho phông chữ nhúng, và chỉ hỗ trợ một danh sách hạn chế về phông chữ, như đã đề cập ở:

http://msdn.microsoft.com/en-us/library/hh202920%28v=vs.92%29.aspx

Thậm chí nếu đó là Javascript render giải pháp, bất cứ cái nhìn sâu sắc/gợi ý hay lời khuyên sẽ tuyệt vời ... phải có một số cách giải quyết khác!

+0

Điều này có vẻ như là một ý tưởng tồi trên thiết bị di động do tăng băng thông, xử lý, v.v ... –

+0

Có, tôi đồng ý. Đây sẽ là một cuộc trò chuyện riêng biệt nếu chúng ta có thể làm cho nó hoạt động. – Matt

+0

Bạn đã thử làm việc này trên máy tính để bàn IE9 chưa? Nếu không, tôi sẽ bắt đầu ở đó. –

Trả lời

-7

Bất cứ khi nào tôi cần phông chữ tùy chỉnh tôi ghé thăm http://www.fontsquirrel.com/

Đây là một trang web tuyệt vời mà cho phép bạn tạo font-bộ dụng cụ ra khỏi một file .ttf bao gồm một tuyên bố CSS đầy đủ với hacks cần thiết cho khả năng tương thích trình duyệt.

Tôi không biết nếu nó hoạt động trên Win 7 thoại di động, nhưng tôi nghĩ rằng nó có giá trị một thử

+0

Cảm ơn bạn đã đề xuất, nhưng khi thử nghiệm trang web trên điện thoại Windows, không có phông chữ xem trước nào hiển thị. Hãy suy nghĩ chúng ta cần một cách giải quyết cụ thể! – Matt

+1

"một workaraound cụ thể" - như android, firefox OS, openmoko hoặc ubuntu điện thoại ... có thể bạn có thể nhúng rằng :) – technosaurus

6

Theo this blog post nó là một trong những "17 khác biệt" giữa IE9 và IE9 trên WP7.
Và đây là số MSDN article đã chính thức xác nhận điều đó.

0

typeface.js hoạt động với nó. Chỉ cần thử nghiệm nó một vài phút trước bởi vì tôi cần phải làm điều tương tự. Nó sử dụng các bản vẽ canvas và vector. http://typeface.neocracy.org/

+1

Thử ngay bây giờ trên một WP7 (HTC HD7) và WP7.5 (Nokia Lumia 800), typeface.js không hoạt động đối với tôi. – Cyrille

1

Tôi đã thành công khi sử dụng Cufón để hiển thị phông chữ tùy chỉnh trên IE trong WP 7.5. Typeface.js KHÔNG hoạt động.

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