CSS ফন্ট-স্টাইল

font-style সহ CSS প্রপার্টি আমরা আমাদের টেক্সটে জোর দেওয়ার জন্য আমাদের ফন্টকে বৈশিষ্ট্যের একটি সেট দিয়ে স্টাইল করতে পারি।

বরাবরের মতো, আমার কোডপেন চেকআউট করুন যাতে আপনি আমার সাথে কোড করতে পারেন।

ফন্ট-স্টাইল সিনট্যাক্স এবং বিকল্পগুলি৷

font-style ব্যবহার করার সময় আমাদের কাছে নিম্নলিখিত বিকল্পগুলি রয়েছে৷ . দ্রষ্টব্য, তাদের সবগুলোই কীওয়ার্ড হিসেবে উল্লেখ করা হয়েছে।

font-style: normal;
font-style: italic;
font-style: oblique 30deg;
font-style: oblique;

ফন্ট-স্টাইল কিছু সাধারণ গ্লোবাল স্টাইল কীওয়ার্ডকেও সমর্থন করে।

/* inherit from parent element */
font-style: inherit;
/* browser's default */
font-style: initial;
/* inherit if parent value, else initial */
font-style: unset;

স্বাভাবিক আপনার নির্দিষ্ট font-family-এর মধ্যে থাকা স্বাভাবিক ফন্টের সাথে সম্পর্কিত .

তির্যক দিয়ে আমরা ঐচ্ছিকভাবে কোণ (-90 থেকে 90) নির্দিষ্ট করতে পারি এবং যদি কোন কোণ নির্দিষ্ট করা না থাকে তবে এটি ডিফল্ট 14 হবে।

উল্লেখ্য যে তির্যক এবং তির্যক বিনিময়যোগ্য হতে পারে . এটি ব্রাউজার সমর্থন এর কারণে এবং যদি আপনি একটি বিশেষ ফন্ট ব্যবহার করেন এবং যদি ব্রাউজার খুঁজে না পায় বা সমর্থন না করে তাহলে তির্যক ব্যবহার করবে তির্যক ইত্যাদি।

oblique ব্যবহার করার আগে , আপনার ব্রাউজারে তির্যক কীওয়ার্ডটি সম্পূর্ণরূপে সমর্থিত কিনা তা পরীক্ষা করুন৷

81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগ দেওয়ার পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷

গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় ব্যয় করেছে।

এটি মাথায় রেখে, আসুন এগিয়ে যাই এবং আমাদের h1 শিরোনামে জোর দিন:

h1.title {
  font-family: 'Tangerine';
  font-style: normal;
}

আপনি লক্ষ্য করবেন কিভাবে আমরা গুগল ফন্ট থেকে ট্যানজারিন ফন্ট আমদানি করেছি, এই ফন্ট স্বাভাবিক শৈলীটি অভিশাপজনক তাই এটি এমনভাবে প্রদর্শিত হয়।

এই নির্দিষ্ট ফন্টের জন্য, এটিকে অভিশাপযুক্ত করা এটিকে আরও তির্যক করবে, তাই আমরা সম্ভবত আবেদন করতে চাই না।

এর প্রধান ব্যবহার ফন্ট-স্টাইল

বেশিরভাগ ক্ষেত্রে সাধারণ কীওয়ার্ড ব্যবহার করা অপ্রয়োজনীয়। তাই font-style এর প্রধান ব্যবহার বৈশিষ্ট্য হল জোর যোগ করার জন্য ফন্টটিকে ইটালিক করা।

একটি অনুচ্ছেদে জোর দেওয়ার জন্য, আসুন তাদের একটিকে তির্যক করে তুলি।

p.par {
  font-family: 'Indie Flower';
  font-style: italic;
}

আপনি যদি ইন্ডি ফ্লাওয়ার ফন্টটি পরীক্ষা করে দেখেন তবে আপনি লক্ষ্য করবেন যে এটিতে শুধুমাত্র নিয়মিত (স্বাভাবিক) শৈলী রয়েছে। এই ক্ষেত্রে ব্রাউজার নিজেই ঢালু প্রভাব করছে!

উপসংহার

font-style ব্যবহার করে সম্পত্তি font-family এর সাথে গভীরভাবে যুক্ত . এছাড়াও, যতক্ষণ না oblique এর আরও ভাল ব্রাউজার সমর্থন রয়েছে কীওয়ার্ড, এই সম্পত্তির প্রধান ব্যবহার হবে ফন্টগুলিকে তির্যক করে তাদের উপর জোর দেওয়া।