Font

Vietnam font directory

Trong bài trước mình đã có lần đề cập đến việc Google công bố Web Font API, ngoài ra Google cũng công bố kho chứa font mở cho người sử dụng. Mình không có tham vọng cạnh tranh với Google những việc đó, chỉ là mình gom những font có hỗ trợ tiếng Việt cho mọi người sử dụng (những font này trên google chưa thể có được). Mình đơn giản chỉ clone lại trang web của Google cho tiện dụng. Những font mình sưu tầm ở đây đều được lấy sau nhiều năm làm thiết kế và gom lại nên không rõ tác giả và vấn đề bản quyền của chúng. Nếu ai là tác giả hay thấy có sự vi phạm nào xin thông báo lại cho mình để mình đính chính lại.

Địa chỉ xem font là http://fonts.huyvq.com. Khi sử dụng nhưng font này bạn không cần phải cài font trên máy, chỉ cần copy đoạn CSS cho vào trang web và có thể sử dụng được luôn. Các font lần lượt sẽ được cập nhật lên trong thời gian sớm nhất.

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 Font