ফন্ট বৈশিষ্ট্যাবলী পরিবর্তন করতে সিএসএস ব্যবহার শিখুন
ফন্ট এবং CSS
CSS আপনার ওয়েব পৃষ্ঠায় ফন্টগুলি সামঞ্জস্য করার সবচেয়ে কার্যকর উপায়। আপনি টাইপোগ্রাফির ফন্ট পরিবার , আকার, রঙ, ওজন এবং অন্যান্য দিকগুলি নিয়ন্ত্রণ করতে পারেন।
সিএসএস এর ফন্ট প্রোপার্টিজগুলি আপনার পেজকে আরও আলাদা এবং অনন্য করতে সবচেয়ে সাধারণ উপায়। CSS ফন্টের বৈশিষ্ট্যগুলির সাথে আপনার পাঠ্যের রঙ, আকার এবং এমনকি মুখ (ফন্টটি) পরিবর্তন করা সহজ।
- রঙ
- ফন্ট পরিবারের
- অক্ষরের আকার
একটি ফন্ট তিনটি অংশ আছে:
- রঙ
- এই ফন্ট স্ক্রিন হিসাবে প্রদর্শিত হবে রং।
- আয়তন
- স্ক্রিনে টাইপফেসটি কত বড় বা ছোট হবে।
- মুখ
- এটি ফন্ট পরিবার, যা প্রায়ই প্রকৃত ফন্ট হিসাবে উল্লেখ করা হয়।
ফন্ট রং
পাঠ্যের রঙ পরিবর্তন করতে, কেবল CSS রঙ শৈলী সম্পত্তিটি ব্যবহার করুন। আপনি রঙের নাম বা হেক্সাডেসিমেল কোডগুলি ব্যবহার করতে পারেন। ওয়েবে সমস্ত রং হিসাবে, এটি ব্রাউজার নিরাপদ রং ব্যবহার করা সেরা।
আপনার ওয়েব পৃষ্ঠায় নিম্নলিখিত শৈলীগুলি ব্যবহার করে দেখুন:
এই ফন্ট রঙিন লাল হয়
এই ফন্ট রঙিন নীল হয়
ফন্ট আকার
যখন আপনি ফন্ট সাইজটি ওয়েবে সেট করবেন তখন আপনি এটি আপেক্ষিক আকারে সেট করতে পারেন বা পিক্সেল, সেন্টিমিটার বা ইঞ্চি ব্যবহার করে খুব স্পষ্ট করে দিতে পারেন। যাইহোক, আরো সঠিক ফন্ট মাপ প্রিন্টের জন্য ব্যবহার করা হয় না এবং ওয়েব পৃষ্ঠাগুলির জন্য নয়, যেখানে আপনার ওয়েবসাইটের মতামতগুলি বিভিন্ন রেজোলিউশন, মনিটর আকার, বা ডিফল্ট ফন্ট সেটিং হতে পারে। সুতরাং, যদি আপনি 15px আপনার মান আকার হিসাবে চয়ন করেন, আপনি আপনার গ্রাহকদের কাছে আপনার ফন্টটি কত বড় বা ছোট করে দেখেন তা অপ্রত্যাশিতভাবে বিস্মিত হতে পারে।
আমি আপনাকে ফন্ট সাইজ জন্য ems ব্যবহার সুপারিশ । ইএমএস আপনার পৃষ্ঠাটি এটি দেখছে এমন কোনও ব্যাপারেই অ্যাক্সেসযোগ্য থাকার অনুমতি দেয়, এবং ems স্ক্রিন রেন্ডারিংয়ের জন্য বোঝানো হয়। মুদ্রণ রেন্ডারিংয়ের জন্য আপনার পিক্সেল এবং পয়েন্টগুলি ত্যাগ করুন। আপনার ফন্ট সাইজ পরিবর্তন করতে, আপনার ওয়েব পৃষ্ঠায় নিম্নলিখিত শৈলীটি রাখুন:
এই ফন্ট 1em হয়
এই ফন্ট .75em হয়
এই ফন্ট 1.25em হয়
ফন্ট ফেসেস
আপনার ফন্টের মুখটি অনেক মানুষ যখন "ফন্ট" মনে করে তখন মনে করে। আপনি যেকোনো ফন্টের মুখোমুখি করতে পারেন যা আপনি চান, কিন্তু মনে রাখবেন, যদি আপনার পাঠকটি যে ফন্ট ইনস্টল না করেন তবে ব্রাউজারটি একটি ম্যাচ খুঁজে বের করার চেষ্টা করবে এটির জন্য, এবং আপনার পৃষ্ঠাটি আপনার অভিপ্রায় হিসাবে দেখবে না।
এই সমস্যাটি সমাধান করতে আপনি পছন্দসই ক্রম অনুসারে ব্রাউজারটি ব্যবহার করার জন্য কমা দ্বারা পৃথক করে মুখ নামগুলির একটি তালিকা নির্দিষ্ট করতে পারেন। এই ফন্ট স্ট্যাক বলা হয়। মনে রাখবেন যে একটি পিসিতে একটি আদর্শ ফন্ট (যেমন Arial) ম্যাকিন্টশে মান হতে পারে না। তাই আপনি সর্বদা কম সংখ্যক ফন্টের সাহায্যে আপনার পৃষ্ঠাটি ডিজাইন করে দেখেন তা নিশ্চিত করতে একটি সর্বনিম্নভাবে ইনস্টল করা মেশিন (এবং সর্বোপরি উভয় প্ল্যাটফর্মে) দিয়ে আপনার পৃষ্ঠাগুলি সর্বদা দেখা উচিত।
আমার প্রিয় ফন্ট স্ট্যাকের একটি হল এই সেটটি একটি সান-সেরিফ ফন্টের সংগ্রহ এবং যখন গেনওয়া এবং আরিল ভয়ঙ্করভাবে দেখতে পায় না, তখন তারা উভয়ই ম্যাকিনটোশ এবং উইন্ডোজ কম্পিউটারগুলিতে মোটামুটি আদর্শ । আমি গ্রাহকদের জন্য হেল্পেটিকা এবং হেলভ অন্যান্য অপারেটিং সিস্টেমে যেমন ইউনিকস বা লিনাক্সের মতো একটি শক্তিশালী ফন্ট লাইব্রেরি থাকতে পারে না।
এই ফন্ট সানসিরফ
এই ফন্টটি সেরিফ