Cufon

Google công bố Font API

Ngày 19 tháng 5, Google đã công bố Font API mới và kho chứa font mã nguồn mở để mọi người có thể sử dụng thiết kế trang web miễn phí. Google Font API cho phép bạn nhúng bất kỳ font Google lên trang web của mình chỉ bằng dòng CSS đơn giản. Đơn thuần Font API sử dụng @font-face để khai báo font cần hiển thị, cho dù font chỉ định chưa được cài trên máy tính của bạn nhưng nó vẫn sẽ hiển thị được chính xác (mình đã thử thì chỉ có trên Iphone và các dòng máy điện thoại thì @font-face không làm việc).

Việc sử dụng @font-face đơn giản như vậy mà từ trước đến giờ mình lại bỏ qua và tìm các cách thay thế như là Cufon và sFIR. Phải chăng trước kia @font-face chưa được hỗ trợ nhiều trên trình duyệt? Không phải vậy, mình đã thử đọc lại thông tin về @font-face thì thấy được hỗ trợ từ rất sớm từ các trình duyệt khác nhau. Vậy là từ giờ người thiết kế website sẽ có thêm công cụ linh hoạt để sử dụng font trên trang web của mình.

Đối với những website Việt Nam thì Google công bố font mã nguồn mở cũng không thay đổi lắm cách thức sử dụng font trên site của họ. Vì những font trên google đang có không hỗ trợ Unicode. Mấy ngày nữa mình sẽ tự tạo một thư viện riêng dành cho bộ font hỗ trợ tiếng Việt (cầu mong không bị kiện vì vi phạm bản quyền font) ^_^

Cufon - giải pháp thay thế sFIR

Chắc hẳn bạn đã từng một lần sử dụng sFIR (Scalable Inman Flash Replacement) khi thiết kế những Website để tạo ra những phong cách typography ấn tượng. Còn nếu ai chưa từng sử dụng thì có thể hiểu sFIR nôm na là cách sử dụng Flash để thay thế và hiển thị text trên website. Dễ hiểu hơn nữa thì như sau, bạn muốn website của mình sử dụng một font chữ bay bỏng, ấn tượng nào đó, nhưng để người xem nhìn được font đó thì trên máy tính của người đó phải cài font đó rồi, do đó sFIR ra đời để vẫn có thể hiện thì font theo ý muốn mà không cần biết máy người dùng đã cài font đó hay chưa.

Khi sử dụng sFIR thì một trở ngại duy nhất đó là trình duyệt phải cài Flash Plugin. Nếu Flash plugin không cài thì mọi thứ chúng ta làm đều về mo hết. Để giải quyết những khó khăn đó Cufon đã được ra đời, với chức năng giống với sFIR nhưng khác ở chỗ Cufon không sử dụng Flash mà đơn thuần chỉ sự dụng JavaScript để render font với Canvas hoặc VML. Do vậy khi sử dụng Cufon chúng ta có thể chạy được hầu hết các trình duyệt phổ biến hiện nay.

Sử dụng Cufon cũng rất đơn giản. Đầu tiên vào trang chủ của Cufon lấy về file cufon-yui.js. Tiếp theo chúng ta phải tạo ra một file js tương ứng với font mà mình muốn hiện thị. Công việc này được tự đông bằng trang web sinh tự động.

Sau khi có 2 file js trên chúng ta có thể thử sử dụng bằng đoạn code dưới đây. Cách sự dụng cụ thể có thể tham khảo bằng link này.

This text will be shown in Vegur.

Blog's tag:

Subscribe to Cufon