Thiet Ke Web - Thiết kế web - Thiet ke website - Thiết kế website - Nhat Quang Informatics

 

cho thue may phat dien cho thuê máy phát điện
quan ly xang dau
quan ly xang dau
quan ly xang dau
thiet bi xang dau
thiet bi xang dau
thiet bi xang dau
thiet bi do bon
thiet bi do bon
thiet bi do bon
quan ly tru bom
quan ly tru bom
quan ly tru bom
thiet bi do muc
thiet bi do muc
thiet bi do muc
quản lý xăng dầu
quản lý xăng dầu
quản lý xăng dầu
thiết bị xăng dầu
thiết bị xăng dầu
thiết bị xăng dầu
thiết bị đo bồn
thiết bị đo bồn
thiết bị đo bồn
quản lý trụ bơm
quản lý trụ bơm
quản lý trụ bơm
thiết bị đo mức
thiết bị đo mức
thiết bị đo mức
chuyen cung cap hang nhat chinh hieu, chuyên cung cấp hàng nhật chính hiệu, chuyên cung cấp hàng nhật xách tay, chuyen cung cap hang nhat xach tay, sua bot meji hang nhat xach tay, sữa bột meji hàng nhật xách tay, nước uống trắng da collagen shiseido, nuoc uong trang da collagen shiseido, dầu gội shiseido tsubaki, dau goi shiseido tsubaki, kem dưỡng da q10, kem duong da q10, sữa rửa mặt shiseido, sua rua mat shiseido,
chuyen cung cap thiet bi xang dau sai gon chuyên cung cấp thiết bị xăng dầu sài gòn he thong quan ly do bon tu dong hệ thống quản lý đo bồn tự động he thong quan ly ban hang tru bom hệ thống quản lý bán hàng trụ bơm
Website về trao đổi sản phẩm miễn phí Website ve trao doi san pham mien phi
Thiet Ke Web Pro.vn: Thiết Kế Web | Trang chủ 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

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

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.

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

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: 

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

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

Demo | Download

 
Hiện có 74 khách Trực tuyến

Tư vấn thiết kế web trực tuyến 24/7

thiet ke web, thiet ke website, dich vu thiet ke web
Mr. Hải
0909 333 021

Dự án thiết kế web mới thực hiện

Dịch vụ thiết kế web trọn gói

Hướng dẫn thiết kế website

Thiet ke web site pro - Tags Cloud


Khách hàng thiết kế web của NQI