• +84 909 333 021
  • This email address is being protected from spambots. You need JavaScript enabled to view it.

Hướng Dẫn Thiết Kế Website

Hướng dẫn sử dụng font chữ đặc biệt bằng Cufón trong thiết kế website

Bạn đánh giá: 0 / 5

Ngôi sao không hiệu lựcNgôi sao không hiệu lựcNgôi sao không hiệu lựcNgôi sao không hiệu lựcNgôi sao không hiệu lực
 

Nếu đã từng thiết kế web, bạn sẽ biết về hạn chế khi sử dụng font chữ. Cũng vì thế có rất nhiều phương pháp khắc phục nhược điểm này (sIFR là một phương pháp được nhiều người biết tới). Hôm nay tôi xin giới thiệu với các bạn một cách làm khác: dùng Cufón. Bạn có thể sử dụng bất kì font chữ đặc biệt nào trên website mà người duyệt web không cần phải có font đó trong máy tính.

font chu dac biet trong thiet ke web 

Bước 1: Tạo font

Trước hết, bạn cần download cufon, và 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. Tôi rất ấn tượng với các lựa chọn mà Cufón cung cấp khi tạo font. 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ó. (Ở đây tôi dùng font Comfortaa)

Bước 2: Thêm Cufón và font bạn vừa tạo

Thêm Cufón và font bạn vừa tạo vào website. Chèn thêm các file javascript bạn vừa tải về vào website.

{codecitation class="brush: html; gutter: true;"}

<script type="text/javascript" src="/js/cufon-yui.js"></script>
<script type="text/javascript" src="/js/Comfortaa_400.font.js"></script>
{/codecitation}

Bước 3: Chọn các phần thay thế

Theo tôi bạn không nên chọn thay thế quá nhiều text trên website (nó sẽ tốn nhiều tài nguyên của client) mà chỉ nên chọn cho các tiêu đề chính. Để thay thế bạn thêm vào đoạn mã sau: 

{codecitation class="brush: html; gutter: true;"}

<script type="text/javascript">
Cufon.replace('#cufon-area h2, #cufon-area h3');
</script>
{/codecitation}

Bạn có thể tham khảo demo hoặc tải ví dụ dưới đây:

Demo | Download


Monster Design

Chuyên nghiệp và ấn tượng đó là 2 từ mà chúng tôi có thể mô tả về công ty Monster Design. Tôi rất hài lòng với thiết kế và lập trình của Monster Design mang lại cho chúng tôi. Họ luôn sẵn sàng hỗ trợ ngay khi chúng tôi cần, nhưng vấn đề mà tôi luôn ấn tượng hơn hết đó là hiệu quả mà Monster Design đã mang lại cho chúng tôi.

Mr. Jeong Cheol - Giám Đốc Công Ty Cổ Phần Kỹ Thuật & Xây Dựng Handong - Hàn Quốc

Bài viết gần đây

Top từ khóa

No Tags found.