ফন্ট-পারিবারিক সম্পত্তি সিনট্যাক্স
টাইপোগ্রাফিক নকশা একটি সফল ওয়েবসাইট নকশা একটি সমালোচকদের গুরুত্বপূর্ণ অংশ। এমন পাঠ্য সহ সাইটগুলি তৈরি করা যা সহজে পড়া যায় এবং যা চমৎকার দেখায় প্রত্যেক ওয়েব ডিজাইন পেশাদারদের লক্ষ্য। এই অর্জন করার জন্য, আপনার নির্দিষ্ট পৃষ্ঠাগুলি যাতে আপনি আপনার ওয়েব পেজগুলিতে ব্যবহার করতে চান সেট করতে সক্ষম হতে হবে। আপনার ওয়েব নথিতে টাইপফেস বা ফন্ট পরিবারকে নির্দিষ্ট করার জন্য আপনি আপনার সিএসএস-এ ফন্ট-ফ্যামিলি স্টাইলের সম্পত্তি ব্যবহার করবেন।
সহজ ফন্ট-পরিবার শৈলী যা আপনি ব্যবহার করতে পারেন কেবল একটি ফন্ট পরিবার অন্তর্ভুক্ত হবে:
পি {ফন্ট-পরিবার: এরিয়েল; }আপনি যদি একটি পৃষ্ঠাতে এই শৈলী প্রয়োগ করেন, তাহলে "আরিয়াল" ফন্ট পরিবারে সমস্ত অনুচ্ছেদের প্রদর্শিত হবে। এটি দুর্দান্ত এবং যেহেতু "এরিয়া" এটি "ওয়েব-সুরক্ষিত ফন্ট" নামে পরিচিত, যার মানে অধিকাংশ (যদি না হয়) কম্পিউটারে এটি ইনস্টল করা থাকে, তাহলে আপনি সহজেই বুঝতে পারবেন যে আপনার পৃষ্ঠাটি নির্ধারিত ফন্টের মধ্যে প্রদর্শন করবে ।
তাই আপনি যদি ফন্ট নির্বাচন করেন তবে কি পাওয়া যাবে না? উদাহরণস্বরূপ, যদি আপনি কোনও পৃষ্ঠাতে "ওয়েব নিরাপদ ফন্ট" ব্যবহার না করেন, তবে ব্যবহারকারীর এজেন্টটি যদি সেই ফন্ট না থাকে তবে কি করবেন? তারা একটি প্রতিস্থাপন করা।
এই কিছু খুব মজার দেখি পেজ হতে পারে। আমি একবার একবার এমন একটি পৃষ্ঠাতে গিয়েছিলাম যেখানে আমার কম্পিউটারটি "উইংডিং" (একটি আইকন সেট) এ সম্পূর্ণভাবে প্রদর্শন করেছিল কারণ আমার কম্পিউটারে ফন্ট ছিল না যে ডেভেলপার নির্দিষ্ট করেছেন এবং আমার ব্রাউজারটি কি ফন্টের মধ্যে খুব খারাপ পছন্দ করেছে? একটি প্রতিস্থাপন হিসাবে ব্যবহার করুন। পাতাটি আমার জন্য সম্পূর্ণ অযোগ্য ছিল! এই হল যেখানে একটি ফন্ট স্ট্যাক খেলা আসে।
একটি ফন্ট স্ট্যাক মধ্যে একটি কমা সঙ্গে পৃথক একক ফন্ট পরিবার
একটি "ফন্ট স্ট্যাক" ফন্টের একটি তালিকা যা আপনি আপনার পৃষ্ঠার ব্যবহার করতে চান। আপনি আপনার পছন্দের ক্রম অনুযায়ী আপনার ফন্টের পছন্দগুলি স্থাপন করবেন এবং কমা দ্বারা প্রতিটি আলাদা করবেন। যদি ব্রাউজারে তালিকার প্রথম ফন্ট পরিবারের না থাকে, তাহলে এটি তৃতীয় এবং তারপর তৃতীয় এবং এর পরে চেষ্টা করবে যতক্ষণ পর্যন্ত এটি সিস্টেমে এটি খুঁজে পায় না।
ফন্ট-পরিবার: পিসক্যাট, আলজেরিয়ান, ব্রডওয়ে;উপরের উদাহরণে, ব্রাউজারটি প্রথমে "পিসক্যাট" ফন্টের সন্ধান করবে, তারপর "আলজেরিয়ান" এবং "ব্রডওয়ে" অন্য কোন ফন্ট পাওয়া যাবে না। এটি আপনাকে আরও সুযোগ দেয় যে অন্ততপক্ষে আপনার নির্বাচিত ফন্ট ব্যবহার করা হবে। এটি নিখুঁত নয়, যা আমাদের আরও ততটুকু আমরা আমাদের ফন্ট স্ট্যাকে যোগ করতে পারি (পড়ুন!)।
জেনেরিক ফন্ট ব্যবহার করুন শেষ
তাই আপনি ফন্টের একটি তালিকা সহ একটি ফন্ট স্ট্যাক তৈরি করতে পারেন এবং ব্রাউজার খুঁজে পেতে কোনটি এখনও আছে না। ব্রাউজার একটি দরিদ্র প্রতিস্থাপন পছন্দ করে তোলে আপনি স্পষ্টতই আপনার পৃষ্ঠা অযোগ্য দেখাতে চান না। সৌভাগ্যক্রমে সিএসএস এই জন্য একটি সমাধান আছে: জেনেরিক ফন্ট
আপনাকে সর্বদা আপনার ফন্ট তালিকাটি শেষ করতে হবে (এমনকি যদি এটি একটি পরিবার বা শুধুমাত্র ওয়েব নিরাপদ ফন্টের তালিকা হয়) একটি জেনেরিক ফন্টের সাথে। আপনি ব্যবহার করতে পারেন যে পাঁচ আছে:
- টানা-লেখা
- কল্পনা
- মোনোস্পেস
- ব্যতিত সেরিফ
- সেরিফ
উপরের দুটি উদাহরণ পরিবর্তন হতে পারে:
ফন্ট-পরিবার: এরিয়েল, সান-সেরিফ; ফন্ট-পরিবার: পিসক্যাট, আলজেরিয়ান, ব্রডওয়ে, ফ্যান্টাসি;কিছু ফন্ট ফ্যামিলি নাম দুটি বা আরও শব্দ
যদি আপনি ফন্টের যে ফন্টটি ব্যবহার করতে চান তবে একাধিক শব্দ আছে, তাহলে আপনাকে ডাবল কোট চিহ্ন দিয়ে এটি ঘিরে থাকা উচিত। কিছু ব্রাউজার উদ্ধৃতি চিহ্ন ছাড়াই ফন্ট পরিবারগুলি পড়তে পারে, তবে হোয়াইটস্পেস সংক্ষিপ্ত বা উপেক্ষা করা হলে সমস্যা হতে পারে।
ফন্ট-পরিবার: "টাইমস নিউ রোমান", সেরিফ;এই উদাহরণে, আপনি দেখতে পারেন যে ফন্টের নাম "টাইমস নিউ রোমান", যা মাল্টি-শব্দ হয়, কোটগুলিতে আবদ্ধ। এটি ব্রাউজারকে বলে যে এই তিনটি শব্দটি সেই ফন্টের নামর অংশ, কারণ এক-শব্দ নামের তিনটি ভিন্ন ফন্টের বিরোধিতা।
জনিফার ক্রাইনিনের মূল রচনা Jeremy Girard দ্বারা 12/2/16 এ সম্পাদিত