Tăng sức mạnh cho giao diện bằng Cufón

Tăng sức mạnh cho giao diện bằng Cufón

Giới thiệu về Cufón
Công cụ Cufón

Chắc hẳn 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 đó Cufón 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 Cufón, nó 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.  (dùng Cufón người truy cập cũng không thể copy được do đó đã không còn là dạng chữ)
Một văn bản được hiển thị bằng Cufón

Các bước thêm Cufón vào giao diện
B1. Tìm font theo ý bạn .
Ở bước này ta cần lưu ý những điểm sau:
Nếu bạn dùng Cufón cho mục đích viết bài tiếng việt có dấu, bạn cần chọn 1 font chữ UTF8 có đầy đủ các kí tự tiếng việt (nếu không khi sử dụng sẽ xảy ra hiện tượng mất dấu, thiếu chữ)
Nên tìm loại font nào có đầy đủ các dạng: Regular typeface(kiểu thường), Bold typeface(đậm), Italic typeface(nghiêng), Bold Italic typeface (đậm + nghiêng) để khi dùng sẽ thể hiện tốt nhất theo ý muốn của bạn.
Sau khi bạn tìm được font ưng ý rồi thì download về máy nhé.
B2. Tạo font
Trước hết, bạn sử dụng công cụ generator của Cufón để tạo và tùy biến cách mà font được thể hiện. Sau khi tạo xong bạn sẽ có được link download file javascript với các thông tin về font mà Cufón có thể đọc nó.
Bạn chọn trong các mục Regular typeface(kiểu thường), Bold typeface(đậm), Italic typeface(nghiêng), Bold Italic typeface (đậm + nghiêng) đến thư mục mà bạn đã download font lúc nãy.
Lưu ý:
Cufón chỉ hỗ trợ TrueType (TTF), OpenType (OTF), Printer Font Binary (PFB).
Nếu font bạn cần không có các dạng  Bold typeface(đậm), Italic typeface(nghiêng), Bold Italic typeface (đậm + nghiêng) thì bạn có thể bỏ qua và chỉ chọn  Regular typeface(kiểu thường).
Ở mục The EULAs of these fonts allow Web Embedding (without Adobe Flash) hãy đánh dấu vào mục này.
Các bạn bỏ qua các mục còn lại (các mục này không cần lưu ý lắm) và đến phần Include the following glyphs (if available), bạn check vào Basic Latin, trong mục .. and also these single characters bạn thêm vào đoạn sau:





1


àáạảãâầấậẩẫăằắặẳẵèéẹẻẽêềếệểễìíịỉĩòóọỏõôồốộổỗơờớợởỡùúụủũưừứựửữỳýỵỷỹđÀÁẠẢÃÂẦẤẬẨẪĂẰẮẶẲẴÈÉẸẺẼÊỀẾỆỂỄÌÍỊỈĨÒÓỌỎÕÔỒỐỘỔỖƠỜỚỢỞỠÙÚỤỦŨƯỪỨỰỬỮỲÝỴỶỸĐ



Nếu chọn tất cả các ký tự sẽ làm file js trở nên phình to, lúc load trang web sẽ ảnh hưởng đến tốc độ. Do đó các bước ở trên giúp bạn vừa hiển thị đầy đủ mà vẫn không làm ảnh hưởng tới tốc độ trang là mấy.
Ở phần Security bạn điền tên miền trang web của bạn vào (hoặc nếu không cần thì bỏ qua bước này cũng không sao). Bỏ qua các phần khác, đến mục Terms thì check vào ô I acknowledge

Thiet ke web hai phong