এইচটিএমএলে আপনার ফন্টটি কীভাবে সেট করবেন

সুচিপত্র:

এইচটিএমএলে আপনার ফন্টটি কীভাবে সেট করবেন
এইচটিএমএলে আপনার ফন্টটি কীভাবে সেট করবেন

ভিডিও: এইচটিএমএলে আপনার ফন্টটি কীভাবে সেট করবেন

ভিডিও: এইচটিএমএলে আপনার ফন্টটি কীভাবে সেট করবেন
ভিডিও: 10: কিভাবে নতুন ফন্ট আমদানি করতে হয় | CSS এর মূল বিষয় | HTML এবং CSS শিখুন | এইচটিএমএল টিউটোরিয়াল 2024, মে
Anonim

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

এইচটিএমএলে আপনার ফন্টটি কীভাবে সেট করবেন
এইচটিএমএলে আপনার ফন্টটি কীভাবে সেট করবেন

প্রয়োজনীয়

টিটিএফ ফর্ম্যাটে ফন্ট ফাইল।

নির্দেশনা

ধাপ 1

আপনার কম্পিউটারে ইনস্টল করা ফন্টগুলির একটি সেট ব্যবহার করতে, আপনি ক্যাসকেডিং স্টাইল শীটের ফন্ট-পরিবার প্যারামিটার ব্যবহার করতে পারেন। এটি করতে, পছন্দসই আইটেমটির জন্য নিম্নলিখিত কোডটি প্রবেশ করুন:

পাঠ্য

এই কমান্ডটি আরিয়াল টাইপফেসে দ্বিতীয় স্তরের এইচ 2 শিরোনাম প্রদর্শন করবে।

ধাপ ২

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

এই ক্ষেত্রে ফন্ট-পরিবার বৈশিষ্ট্য টাইপফেসের নাম নির্দিষ্ট করে এবং src: url (font.ttf) টিটিএফ ফাইলের পাথ নির্দিষ্ট করে।

ধাপ 3

উপাদান সক্ষম করার পরে, আপনি এটি পাঠ্য প্রদর্শন করতে ব্যবহার করতে পারেন:

পাঠ্য

এই কমান্ডটি দ্বিতীয় স্তরের শিরোনামে ইতালিগুলিতে প্রয়োজনীয় ফন্ট হরফ প্রদর্শন করার জন্য দায়ী। যদি ব্যবহারকারীর ব্রাউজারটি টিটিএফ ফাইলগুলি পরিচালনা করতে সমর্থন না করে তবে প্রথম কমা পরে নির্দিষ্ট করা সিস্টেম ফন্ট ব্যবহার করা হবে (এই ক্ষেত্রে, ভার্দানা)।

পদক্ষেপ 4

কিছু ব্রাউজারগুলি ডাউনলোডযোগ্য টিটিএফ সমর্থন করে না। উদাহরণস্বরূপ, ইন্টারনেট এক্সপ্লোরার 8 পাঠ্য প্রদর্শন করতে ইওটি ফর্ম্যাটটি ব্যবহার করে। এই জাতীয় ব্রাউজারগুলির জন্য, একাধিক পরিষেবা ব্যবহার করে মূল টিটিএফ রূপান্তর করুন এবং ফলস্বরূপ টাইপফেসটিকে একইভাবে @ ফন্ট-ফেস প্যারামিটারে অন্তর্ভুক্ত করুন।

পদক্ষেপ 5

আপনি যদি অন্য কোনও উত্স থেকে আপনার প্রয়োজনীয় ফাইলটি আমদানি করতে চান তবে @ आयात কমান্ডটি ব্যবহার করুন, যা অবশ্যই সিএসএস ডকুমেন্টের শীর্ষে লেখা উচিত:

@ ইমপোর্ট ইউআরএল (https:// font_address)

প্রস্তাবিত: