ওয়েব ফন্টটি ঠিক কী এবং কোনওটিতে রূপান্তর কী জড়িত?

Question

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

আমি যখন ফন্টসকিয়ারেলের মতো কোনও ওয়েবফন্ট-উত্পাদনকারী পরিষেবাটিতে একটি "ডেস্কটপ" ফন্টটি আপলোড করি তখন ফন্ট ফাইলটিকে ওয়েব ফন্টে পরিণত করতে সেই পরিষেবাগুলি ঠিক কী করে? যদি এই পরিষেবাদির প্রাথমিক ব্যবহারটি বিভিন্ন ফর্ম্যাটের রূপান্তর হয় তবে 2019 এর মতো যুক্তিসঙ্গত সংখ্যক ব্রাউজার সমর্থন করার জন্য আধুনিক ওয়েবে আসলে কোন ফর্ম্যাটগুলির প্রয়োজন?

Answer 1

একটি "ওয়েব ফন্ট" ওয়েবে বা ব্রাউজারে ব্যবহৃত একটি ফন্ট। এই ওয়েব ফন্ট জেনারেটরগুলি যা করে তা হ'ল আপনার দর্শকদের জন্য ফন্ট পরিবেশন করার জন্য প্রয়োজনীয় সিএসএস দিয়ে এবং আপনার ফন্টকে সমস্ত ফাইল ফর্মেটে রূপান্তর করে আপনার ফন্টটি ক্রস ব্রাউজারে কাজ করে তা নিশ্চিত করার জন্য আপনার জীবনকে সহজ করে তুলছে।

কিছু ফন্টকে "ওয়েব-সেফ" হিসাবে বিবেচনা করা হয় কেবল এত সাধারণ হয়ে যে প্রতিটি কম্পিউটারেই সেগুলিকে "আরিয়াল" এর মতো করে থাকে। আপনার ফন্টটি ব্যবহার করতে ওয়েবসাইটকে কিছু বলার দরকার নেই। ওয়েব ফন্টগুলি দর্শকের ব্রাউজার দ্বারা ডাউনলোড করা দরকার কারণ যদি কোনও ফন্ট আপনার কম্পিউটারে না থাকে, আপনি এটি দেখতে যাচ্ছেন না।

ওয়েফের মতো ওয়েবে বিশেষত বিকাশযুক্ত ফন্ট ফর্ম্যাটগুলি ছোট ফাইলাইজগুলি মনে রেখে ডিজাইন করা হয়েছে। গুগল ফন্টগুলি আপনাকে এইভাবে বিভিন্ন ফর্ম্যাট পরিবেশন করে, এটি কেবলমাত্র একটি লুকানো।

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

বিকাশকারীদের ডটকমের ডটকমের একটি ভাল পোস্ট রয়েছে যা ওয়েব ফন্ট অপ্টিমাইজেশনে ফোকাস করে তবে এর মূল বিষয়গুলি সম্পর্কেও কিছু রয়েছে।

এই নিবন্ধে বিভিন্ন ফর্ম্যাট সম্পর্কে একটি দুর্দান্ত উত্তম অংশ রয়েছে:

ওয়েবে আজ ব্যবহারের জন্য ফন্টের চারটি ফর্ম্যাট রয়েছে: ইওটি, টিটিএফ, ডাব্লুএফএফ, এবং ডাব্লুওএফএফ 2। দুর্ভাগ্যক্রমে, বিস্তৃত পছন্দ সত্ত্বেও, সমস্ত পুরানো এবং নতুন ব্রাউজারগুলিতে কাজ করে এমন একক সার্বজনীন ফর্ম্যাট নেই: EOT কেবলমাত্র আইটি, টিটিএফের আংশিক আইই সমর্থন রয়েছে, ডাব্লুএফএফ আরও বিস্তৃত সমর্থন উপভোগ করেছে তবে কিছু পুরানো ব্রাউজারগুলিতে পাওয়া যায় না Unfortunately , এবং ডাব্লুএইউএফএফ ২.০ সমর্থনটি অনেক ব্রাউজারের জন্য কাজ চলছে।

তাই যেখানে যে আমাদের ছেড়ে? সমস্ত ব্রাউজারে কাজ করে এমন একক বিন্যাস নেই, যার অর্থ আমরা একটি ধারাবাহিক অভিজ্ঞতা সরবরাহ করতে একাধিক ফর্ম্যাট সরবরাহ করতে হবে

ব্রাউজার সমর্থন সম্পর্কে ট্রান্সফন্টারের একটি দুর্দান্ত টেবিলও রয়েছে:

Comments

এই সমর্থন টেবিলগুলি পুরানো। পরিবর্তে caniuse.com এর ব্যবহার করুন: caniuse.com/#search=woff2

— curiousdannii

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

— জুনাস

@ জুনাস আমি বিশ্বাস করি যে সমস্ত পেশাদার ওয়েব বিকাশকারীদের এ সম্পর্কে যত্ন নেওয়া উচিত। এটি এখানে জটিল তত্ত্বের কথা বলার মতো নয় - ব্রাউজারের ব্যবহার এবং ভাল ইউএক্স এর ওয়েবসাইটগুলির জন্য খুব প্রকৃত প্রভাব রয়েছে। উদাহরণস্বরূপ, আপনি যদি কোনও ইকমার্স সাইট চালাচ্ছেন যা ভারতের ব্যবহারকারীদের জন্য প্রচুর ট্র্যাফিক পেয়ে থাকে, উদাহরণস্বরূপ, আপনি কি নিশ্চিত করতে চান না যে আপনার ব্যবহারকারীরা আপনার বাকী ব্যবহারকারীরা যে একই স্তরের ইউএক্স পাচ্ছেন?

— হাশিম

@ হাশিম, আমি আপনার মন্তব্যটি খারাপভাবে বলেছি। মূল পোস্টটি "ওয়েব ফন্টটি কী" এবং আপনি যে প্রশ্নটি 2019 এর মধ্যে আপনার কী ফর্ম্যাটগুলির প্রয়োজন তা খুব ছুঁয়ে দেওয়া প্রশ্নটি আমার কাছে প্রত্যাবর্তনের মতো মনে হয়েছিল, বিশেষত যখন আপনি ওয়েব ফন্ট জেনারেটর সম্পর্কে কৌতূহলী বলে মনে করেন ... এবং আপনি যখন ব্যবহার করেন এই জেনারেটরগুলির মধ্যে একটি, তথ্যটি কিছুটা অপ্রয়োজনীয় হয়ে যায় কারণ এটি সর্বোপরি ক্রস ব্রাউজার সমাধান। তবে তারপরে আপনি সেই পোস্টটি তৈরি করেছিলেন যেখানে আপনি প্রতিটি ফর্ম্যাটটি ভেঙে দিয়েছেন, যা আমাকে বুঝতে পেরেছিল যে আমি যে উত্তরটি সচেতনভাবে উপেক্ষা করেছি সেটিকে আপনার প্রত্যাশার চেয়ে বড় চুক্তি বলে মনে হয়েছিল।

— জুনাস

@ হাশিম, আবার আমার কাছ থেকে খারাপ শব্দ পছন্দ word আমার চিন্তাভাবনাগুলি "এখানে এমন এক ব্যক্তি যা ওয়েব ফন্ট কী তা জানে না। তিনি ওয়েব ফন্ট জেনারেটর সম্পর্কে কথা বলছেন of ঠিক আছে, যদি সে ব্যবহার করতে চলেছে তবে তার শেষ অংশটি জানার দরকার নেই Ok একটি জেনারেটর ... তবে এই জেনারেটরগুলি কেন জিনিস তা চিত্র আঁকতে আমাকে কিছু ব্রাউজারের পরিসংখ্যান যুক্ত করুন "। যদি কিছু হয় তবে পরবর্তী পদক্ষেপ গ্রহণ এবং নিজে এটি অনুসন্ধান করার জন্য আমি আপনাকে ধন্যবাদ জানাই।

— জুনাস

Answer 2

এই প্রশ্নটি জিজ্ঞাসা করার পরে আমি আরও কিছু বিশদ গবেষণা করেছি, এবং তাই জুনাসের সাথে এই উত্তরটি একটি সংযোজন হিসাবে যুক্ত করছি, যা ভাল ছিল তবে আমার শেষ প্রশ্নের উত্তরটি আমার পক্ষে যথেষ্ট পরিমাণে দেয়নি:

যদি এই পরিষেবাদির প্রাথমিক ব্যবহারটি বিভিন্ন ফর্ম্যাটের রূপান্তর হয় তবে 2019 এর মতো যুক্তিসঙ্গত সংখ্যক ব্রাউজার সমর্থন করার জন্য আধুনিক ওয়েবে আসলে কোন ফর্ম্যাটগুলির প্রয়োজন?

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

ডাব্লুওএফএফ 2 এর জন্য সমর্থন

ডাব্লুএইউএফএফ 2 ডাব্লুএইউএফএফ- তে প্রতিটি উপায়ে উন্নতি করে 2014 এর পরে প্রকাশিত বেশিরভাগ ডেস্কটপ ব্রাউজার দ্বারা সমর্থিত, তবে কেবল ২০১ since সাল থেকে বেশিরভাগ মোবাইল ব্রাউজার সমর্থন করতে শুরু করেছে । এটি বিশ্বব্যাপী আনুমানিক 93% ব্রাউজার দ্বারা সমর্থিত ।

ডাব্লুওএফএফের জন্য সমর্থন

ইন্টারনেট ডাব্লুএফএফ আইই 9-তে ইন্টারনেট এক্সপ্লোরার দ্বারা সমর্থিত হওয়া শুরু হয়েছিল (২০১১ সালে প্রকাশিত), যা ২০১১ সাল থেকে প্রকাশিত আইই সংস্করণের জন্য ইওটি ফর্ম্যাটটি উপস্থাপিত করে। এটি বিশ্বব্যাপী আনুমানিক %৯% ব্রাউজার দ্বারা সমর্থিত ।

অন্যান্য ডেস্কটপ ব্রাউজারগুলি প্রায় একই সময়ে ডাব্লুএইউএফএফ সমর্থন করতে শুরু করে, ফায়ারফক্স ৩.6 থেকে ফায়ারফক্স, ক্রোম ৫ এর পরে ক্রোম এবং সাফারি ৫.১ (যথাক্রমে ২০১০, ২০১১ এবং ২০১১ সালে প্রকাশিত হয়), পূর্ববর্তী সংস্করণগুলিতে অপ্রচলিত টিটিএফ এবং ওটিএফ ¹ ফর্ম্যাটগুলি উপস্থাপন করে । বেশিরভাগ মোবাইল ব্রাউজারগুলি 2013 সাল থেকে ডাব্লুএফএফ সমর্থন করেছে।

গুহাত এবং সিদ্ধান্ত

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

ব্রাউজার সংস্করণ ভাগ ডেমোগ্রাফিকগুলির মধ্যে নাটকীয়ভাবে পরিবর্তিত হতে পারে: দেশ, সামাজিক শ্রেণি এবং আয়ের মতো বিষয়গুলি আপনার ব্যবহারকারীরা কী কী ডিভাইসগুলি (এবং তাই ব্রাউজারগুলির সংস্করণ) ব্যবহার করছেন তা প্রভাবিত করে। বিকাশকারী হিসাবে, আপনি যে সাইটটি তৈরি করছেন সেটি সেই ডেমোগ্রাফিক দ্বারা ব্যবহৃত হবে যা সেই পুরানো সংস্করণগুলি ব্যবহার করার সম্ভাবনা বেশি।

যদি আপনি এটি স্থির করেন এবং আপনার 2011 এর চেয়েও পুরানো ডেস্কটপ ব্রাউজারগুলি বা 2013 এর চেয়ে পুরানো মোবাইল ব্রাউজারগুলি সমর্থন করা দরকার, সম্পূর্ণ ফন্ট স্ট্যাকটি ব্যবহার করুন: ডাব্লুএফএফএফ 2, ডাব্লুএফএফ, টিটিএফ (বা ওটিএফ) এবং ইওটি।

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

---

_{(1) টিটিএফ এবং ওটিএফ হ'ল traditionalতিহ্যবাহী ডেস্কটপ ফন্ট ফর্ম্যাট এবং যে কোনও ব্রাউজার যা অন্যকে সমর্থন করে, তাই উভয়ই কখনও ব্যবহার করবেন না}

Comments

সম্পর্কিত: কীভাবে টিটিএফ / ওটিএফ ফন্ট ফাইলগুলি ডাব্লুএফএফ এবং ডাব্লুএইউএফএফ 2 ফর্ম্যাটগুলিতে কমান্ড লাইন ব্যবহার করে (এবং সেইজন্য, একসাথে একের চেয়ে বেশি করে))

— হাশিম

Answer 3

বেশি না.

ডাব্লুএফএফ টিটিএফ-র জন্য একটি সংকোচিত বিন্যাস ছাড়া আর কিছুই নয়, যার ফলে আকার ছোট হয়। ইন্টার্নালগুলি পরিবর্তন হয় না। ডাব্লুএইউএফএফ 2 আরও কিছুটা এগিয়ে যায়, এটি আরও কিছুটা সংক্ষেপণের জন্য ফন্টের উপস্থাপনাটিকে সামান্য পরিবর্তন করে। ইওটি, কেবলমাত্র এমএস-ফরমেট হওয়ায় এটি মোটেও গণনা করে না। এসভিজি ব্যবহারিকভাবে কেবল সংজ্ঞাযুক্ত, আরও বেশি, তাই এটি একটি আসল ফন্ট হিসাবে গণনা করা হয় না, কেবল আইকনগুলির জন্য এটি ব্যবহার করুন, যদি তা হয় না।

কেবল ডাব্লুওএফএফ ব্যবহার করুন এবং এটি দিয়ে কাজ করুন। আপনি যদি শেষ বাইটটি বের করতে চান তবে আপনি ডাব্লুওএফএফ 2ও দিতে চাইতে পারেন তবে পার্থক্যটি নগণ্য হবে।

Answer 4

যদিও আমি সত্যিকারের মৌলিক কিছুটিতে জোর দিতে চাই, যদিও: "ওয়েবফন্ট", প্রযুক্তিগত প্রয়োগের বিবরণ একদিকে রাখা, একটি ফন্ট এটির স্রষ্টা বা কোনও ওয়েবসাইটের ব্যবহারের সুনির্দিষ্ট কাজের জন্য কোনও অধিকারধারীর দ্বারা আপনাকে লাইসেন্স দেওয়া হয়েছে। এবং এগুলি একটি ওয়েবফন্ট ফর্ম্যাটে আসবে। আপনি যদি কোনও জেনারেটরের সামনে বসে কোনও ফন্টকে একটি ওয়েবফন্ট ফর্ম্যাটে রূপান্তর করতে পারেন এবং এটি মুক্ত-উত্স নয় বা আপনি নিজেরাই আঁকেন, ঠিক এখনই থামুন! আপনি অবশ্যই লাইসেন্সটি ভঙ্গ করছেন এবং মামলা করতে পারেন get এবং এটি ওয়েবে থাকায়, আপনি কী করছেন তা খুঁজে পাওয়া এবং তাদের বিক্রয় তালিকার বিপরীতে চেক করা লোকের পক্ষে সহজ।

উদাহরণস্বরূপ দেখুন এই ডুফাস , যিনি ফেসবুক এবং গুগলের জন্য কাজ করেছেন, যারা বুঝতে পারেনি যে কেউ তার ওয়েবসাইটটিতে প্রযুক্তিগতভাবে পাইরেটেড ফন্ট ব্যবহার করছে তাকে না বলা পর্যন্ত। তার একটি ডেস্কটপ সাবস্ক্রিপশন লাইসেন্স ছিল, তবে এটি ওয়েব ব্যবহারের জন্য লাইসেন্স নয়।