গুগলের সারভারে রাখুন আপনার ওয়েবের ফন্ট

নতুন নতুন সাভির্সে গুগল ওস্তাদ। কয়েকদিন আগে গুগল তার ফ্ন্ট সার্ভিস চালু করেছে। যার মাধ্যমে আপনার ওয়েবে গুগলের সার্ভারের ফন্ট ব্যবহার করতে পারবেন। কয়েক সেকেন্ডেই এই কাজটি করতে পারবেন, যাতে আপনার সাইটের ব্যান্ডউইথ অনেকআংশেই বাচবে। ইউজাররাও দেখতে পাবে সুন্দর সুন্দর ফন্ট।

এ জন্য যা যা করা লাগবে তার সবই বলে দিয়েছে গুগল।
দুই ধাপে কাজটি করা যাবে-

এক:

হেডার এ নিচের কোড সংযুক্ত করুন যদি Yanone+Kaffeesatz ফ্যামিলির ফন্ট যুক্ত করতে চান।

<link href=’http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz’ rel=’stylesheet’ type=’text/css’>

দুই:

তারপর সিএসএস কোডে সেই ফন্টটির নাম ধরে ডাকুন এভাবে

body { font-family: ’Yanone Kaffeesatz’, serif; font-size: 100px; }

নিচের ছোট প্রজেক্টটি দেখুন

  1. <!DOCTYPE html>
  2. <html lang=”en”>
  3. <head>
  4. <meta charset=”utf-8″>
  5. <title>untitled</title>
  6. <link href=’http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz’ rel=’stylesheet’ type=’text/css’>
  7. <style>
  8. body { font-family: ’Yanone Kaffeesatz’, serif; font-size: 100px; }
  9. </style>
  10. </head>
  11. <body>
  12. Hello World
  13. </body>
  14. </html>

আউটপুট হবে

সূত্র

Level 0

আমি টিউটো। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 15 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 66 টি টিউন ও 476 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

তিনি দীর্ঘ দিন ধরে সাফল্যের সাথে টিটোরিয়াল বিডি ব্লগটি পরিচালনা করে আসছেন। বর্তমানে ব্লগিং এর পাশাপাশি একটি বেসরকারী প্রতিষ্ঠানে চাকরি করছেন। http://www.facebook.com/#!/mahbubpalash http://twitter.com/tuto_mahbub


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

হাফ সেঞ্চুরি পুরন করলেন।।

টিটোট ভাই হাত তুলেন ………হাফ সেঞ্চুরি 😉

    ধন্যবাদ LuckyFM ও ফাহিম রেজা বাঁধন ভাই।

    Level 0

    আপনাকেও ধন্যবাদ টিউটো ভাই

ধন্যবাদ

Level 0

ধন্যবাদ…………..

Level 0

জাকাস হইসে