কম্পিউটার টিউটোরিয়াল

CSS-এ ওয়েব ফন্টস


ওয়েব ফন্টস CSS-এ সেই ফন্টগুলো ব্যবহারের অনুমতি দেয় যা লোকাল সিস্টেমে ইনস্টল করা নেই।

উদাহরণ

নিচের কোডটি @font-face-এর নমুনা কোড দেখাচ্ছে:

<html>
  <head>
    <style>
      @font-face {
        font-family: myFirstFont;
        src: url(/css/font/SansationLight.woff);
      }
      div {
        font-family: myFirstFont;
      }
    </Style>
  </head>
  <body>
    <div>This is the example of font face with CSS3.</div>
    <p><b>Original Text :</b>This is the example of font face with CSS3.</p>
  </body>
</html>

আউটপুট

CSS-এ ওয়েব ফন্টস


  1. CSS এ ফন্ট ওয়েট (Font Weight)

  2. CSS-এ ফন্ট স্টাইল: নরমাল, ইট্যালিক ও অব্লিক

  3. CSS font-variant প্রপার্টি: small-caps, all-petite-caps, unicase ইত্যাদি

  4. CSS-এ ফন্ট সাইজ: পিক্সেল, em, rem, পৰসেন্টেজ ও কীওয়ার্ড