কুফন একটি পাঠ্য প্রতিস্থাপন জাভাস্ক্রিপ্ট লাইব্রেরি। এটি কোডবেজে এসআইএফআরের সাথে সম্পর্কিত নয়, তবে ফ্ল্যাশ ফাইলগুলির প্রয়োজন ছাড়াই একই জিনিসটি সম্পাদন করে। এটি সেট আপ করতে প্রায় 5 মিনিট সময় লাগে এবং তারপরে আপনাকে আর এটি স্পর্শ করতে হবে না। সহজ হতে পারে না এবং এটি আপনার ওয়েবসাইটের চেহারাতে বড় প্রভাব ফেলতে পারে।
কিভাবে এটা কাজ করে
প্রথম পদক্ষেপটি হ'ল কিউফন ওয়েবসাইটের মাধ্যমে আপনার ফন্টটি জমা দেওয়া। তারা ফন্টটি একটি এসভিজি (স্কেলেবল ভেক্টর গ্রাফিক্স) ফন্টে প্রক্রিয়াকরণ করে। তারপরে পাথগুলি ভিএমএল (ভেক্টর মার্কআপ ল্যাঙ্গুয়েজ) এ প্রক্রিয়াজাত করা হয়, যা আইআই-তে Cufon এর গতি অনেক বাড়িয়ে তোলে। ফলস্বরূপ ডেটা জেএসএনে এনকোড করা হয় এবং প্রসেসিংয়ের জন্য একটি কিউফোন সংজ্ঞায়িত ফাংশনে দেওয়া হয় এবং সেখানেই যাদু ঘটে।
কিউফোন উদাহরণ
প্রথমে, কুফনের ওয়েবসাইটে যান এবং প্রসেসিংয়ের জন্য আপনার ফন্ট ফাইলটি জমা দিন। এটি আপনাকে ডাউনলোড করার জন্য একটি .js ফাইলটি থুথু করবে। আপনার পছন্দের ফন্টে সিউফন পাঠ্যটি অনুবাদ করতে আপনার এই ফাইলটি থাকতে হবে।
এরপরে, কিউফন-ইয়ুই.জেএস ফাইল এবং উত্পন্ন ফন্ট জাভাস্ক্রিপ্ট ফাইল উভয়ই অন্তর্ভুক্ত করুন। সর্বশেষে সবেমাত্র একটি ক্লাসে কিছু পাঠ্য মোড়ানো, এবং সেই শ্রেণীর নামটির চারপাশে একটি কিউফোন প্রতিস্থাপন শুরু করা। সম্পূর্ণ কোড নীচে:
এটি মলোট ফন্টের পাঠ্য
ফলাফল স্বরূপ:
এটি মলোট ফন্টের পাঠ্য
কিউফন লাইনহাইট
লাইন উচ্চতা সহ সমস্ত ব্রাউজারগুলির একটি জ্ঞাত সমস্যা রয়েছে যা সম্ভবত সংশোধন করা যাচ্ছে না
Cufon.now ()
IE- তে আরও ভাল দেখার অভিজ্ঞতার জন্য আপনি বডি ট্যাগের ঠিক আগে Cufon.now ফাংশনটি কল করেন। এটি পৃষ্ঠাটি লোড হওয়ার পরে ফন্টটি লোড হওয়ার সাথে সাথে ঘটতে পারে এমন কোনও মুহুর্তের ব্লিপটির যত্ন নেয়।
