"ছোট হাতের অঙ্কগুলি" (যেমন পাঠ্য চিত্রগুলি) কীভাবে তৈরি করবেন?


12

পাঠ্যের চিত্রগুলি অনুকরণ করার জন্য ফন্ট গ্লাইফগুলি সামঞ্জস্য করার কোনও গ্রহণযোগ্য উপায় আছে কি ?

এখানে চিত্র বর্ণনা লিখুন

পটভূমি

পাঠ্য পরিসংখ্যানগুলি "ছোট হাতের" সংখ্যা। আপনি সাধারণত ছোট হাতের অঙ্কগুলি ব্যবহার করেন যেখানে আপনি ছোট হাতের পাঠ্যও ব্যবহার করেন (যেমন একটি বাক্যটির মাঝখানে)।

কীবোর্ডগুলি বড় হাতের এবং ছোট হাতের অঙ্কগুলি দিয়ে তৈরি করা হয়নি; এবং ইউনিকোড এগুলিকে বিশেষভাবে এনকোড করে না, কারণ "তাদের লাইনের চিত্রগুলি থেকে আলাদা অক্ষর হিসাবে বিবেচনা করা হয় না, কেবল একই অক্ষর লেখার আলাদা পদ্ধতি" "

আমার প্রশ্ন হল; একটি ফন্টের স্ট্যান্ডার্ড "বড় হাতের অক্ষরগুলি থেকে ছোট হাতের চিত্রগুলি তৈরি করার গ্রহণযোগ্য উপায় কী?

উইকিপিডিয়া উল্লেখ করেছে যে সাধারণত :

  • 012হয় x-height
  • 68 আরোহী আছে
  • 34579 বংশধরদের আছে

এখানে চিত্র বর্ণনা লিখুন

আমার প্রথম চেষ্টা (ফটোশপে) হ'ল:

  • 012 স্মাশ করুন
  • ঠেলা 34579 নিচে
  • তারা যেখানে থাকুন 68 ছেড়ে দিন :

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুন

তবে স্কুশ্যাডের পরিসংখ্যান (0, 1, 2) সুস্পষ্টভাবে অপ্রীতিকর দেখাচ্ছে।

যদি ইউনিকোড কনসোর্টিয়ামটি পরামর্শ দেয় যে "ছোট ছোট অঙ্কগুলি" কেবলমাত্র "বড়" থেকে তৈরি করা যায় - তবে তারা আমার কী পরামর্শ দেবে?

আদর্শভাবে এইচটিএমএলে

আমার শেষ লক্ষ্যটি ব্রাউজারে ছোট হাতের পাঠ্য প্রদর্শন করা। আমি কিছু ফন্ট জানি (যেমন জর্জিয়া) ইতিমধ্যে তাদের সমস্ত অঙ্কগুলি ছোট হাতের মতো প্রদর্শন করে :

এখানে চিত্র বর্ণনা লিখুন

তবে আমি জর্জিয়ার ব্যবহার কীভাবে পরিবর্তন করব তা জিজ্ঞাসা করছি না ; আমি কিভাবে জিজ্ঞেস করছি গঠন করা অ আস্তরণের বেশী আউট আস্তরণের পরিসংখ্যান।

এবং যেহেতু এটি ওয়েবে প্রদর্শনের জন্য, তাই আমি বুঝতে পারি যে আমি সম্ভবত প্রতি-চরিত্র বিন্যাস প্রয়োগ করতে পেরেছি:

<!doctype html">
<html>
<head>
    <style type="text/css">
        body {
            font-family: "Segoe UI", "Calibri", sans-serif;
            font-size: larger;
        }

        .xheight {
            font-size: 1.5ex;
        }

        .descender {
            position: relative;
            bottom: -0.4ex;
        }
    </style>
</head>
<body>
    <p>In the year <span class="xheight">21</span><span class="descender">5</span><span>6</span> the Romulan war...
</body>
</html>

হিসাবে রেন্ডারিং:

এখানে চিত্র বর্ণনা লিখুন

যা আবার আমার মত মনে হয় ঠিক তেমন খুশি লাগে না।

আরে দেখো, এক পয়সা!

এখানে চিত্র বর্ণনা লিখুন

উত্তর:


11

খুব সংক্ষিপ্ত উত্তরটি "না" "

ওল্ড স্টাইলের পরিসংখ্যান ("ছোট হাতের") নির্দিষ্টভাবে সেভাবে আঁকা। লিগ্যাসি পোস্টস্ক্রিপ্ট এবং ট্রু টাইপ ফন্টগুলির বেশিরভাগ অংশে কেবলমাত্র টবুলার চিত্র থাকে যা ফন্টটি ডিজাইনের পদ্ধতি অনুসারে আস্তরণের বা পুরানো স্টাইলযুক্ত are

ইউনিকোড কনসোর্টিয়ামটি প্রস্তাব দিচ্ছে না যে আস্তরণের পরিসংখ্যানগুলি পুরনো স্টাইলের পরিসংখ্যানগুলিতে বিকৃত করা যেতে পারে, কেবলমাত্র প্রতিটি অঙ্কের জন্য একাধিক গ্লাইফ রয়েছে কিনা তা বিবেচনা না করেই 0-9 সংখ্যার জন্য ইউনিকোডের মানগুলির একটি সেট রয়েছে।

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

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


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

1
এটি একটি গুরুত্বপূর্ণ বিষয় এটিও যে গ্যারান্টি দেওয়ার কোনও উপায় নেই যে "সেগোয়েআইআই", "ক্যালিবিরি", এমনকি সানস-সিরিফও প্রকৃত হরফ প্রদর্শিত হবে। সঠিক বেসলাইন এবং এক্স উচ্চতার মানগুলি ব্যবহারকারীর ইনস্টল করা সালিশী ওল্ড স্টাইলে আরও ভয়াবহ লাগতে পারে।
হোরাটিও

কেন ইউনিকোড কনসোর্টিয়াম বড়হাতের এবং ছোট হাতের সংখ্যা জন্য পৃথক গ্লিফ এনকোড নি, বরং কোন অন্তর্দৃষ্টি করেনি বড়হাতের জন্য সঙ্কেতাক্ষরে লিখা পৃথক গ্লিফ A( U+0041,) ছোট হাতের a( U+0061), এবং এমনকি sᴍᴀʟʟ cᴀᴘɪᴛᴀʟ ( U+1D00)? অর্থাত্ কী যুক্তি হতে পারে যা পৃথক বড় হাতের অক্ষর এবং ছোট হাতের সংখ্যা বাদ দেয় তবে পৃথক বড় হাতের অক্ষর এবং ছোট হাতের অক্ষর অন্তর্ভুক্ত করে?
ইয়ান বয়ড

এবং পরিশেষে, আপনি কি কোনও ওপেনটাইপ ফন্টের নাম রাখতে পারবেন যাতে "বড় হাতের অক্ষর" এবং "ছোট হাতের" উভয় সংখ্যাই রয়েছে ?
ইয়ান বয়ড

1
@ আইয়ানবয়েড: নিয়মিত বড় হাতের অক্ষর এবং ছোট হাতের অক্ষর অর্থ পৃথক পৃথক এবং এইভাবে তাদের মধ্যে পরিবর্তন একটি স্টাইলিস্টিক পছন্দের চেয়ে অনেক বেশি। বড় হাতের এবং ছোট হাতের সংখ্যাগুলি অর্থ হিসাবে একরকম, তবে, এবং ইউনিকোড এনকোড করতে চায় এমন কিছুই নেই - একই কারণে ইটালিকস, ছোট ক্যাপস, ছোট হাতের এবং অনুরূপ জন্য নির্দিষ্ট এনকোডিং নেই। আপনি যে ছোট ক্যাপসটি পেয়েছেন সেগুলি কেবল এনকোডযুক্ত কারণ এগুলির স্বরবিজ্ঞানের আলাদা অর্থ রয়েছে এবং জোর দেওয়ার জন্য ব্যবহার করা উচিত নয় (এর জন্য আপনার ওপেনটাইপ বৈশিষ্ট্য বা অনুরূপ ব্যবহার করা উচিত)।
Wrzlprmft

5

লোয়ারকেস ডিজিট / সংখ্যা বা "ওল্ডস্টাইল ফিগারস" রেন্ডার করার সঠিক উপায় হ'ল উপযুক্ত ফন্ট বৈশিষ্ট্য নির্বাচন করতে সিএসএস ব্যবহার করা। স্পষ্টতই, ব্যবহৃত ফন্টটি প্রথমে এই ফন্ট বৈশিষ্ট্যটি সমর্থন করে। ওয়েব ফন্টের সাথে বাস্তব বিশ্বের সমর্থন খুব শক্তিশালী বলে মনে হচ্ছে না।

আপনি যে সিএসএস সেটিংটি সন্ধান করছেন তা হ'ল

font-feature-settings: "onum";

এবং ডকুমেন্টেশন:

ওপেনটাইপ বৈশিষ্ট্যগুলির ডকুমেন্টেশন onumএবং বিশেষত বৈশিষ্ট্যটি মাইক্রোসফ্টের ওপেনটাইপ লেআউট ট্যাগ রেজিস্ট্রিতে পাওয়া যাবে

ফন্টের বৈশিষ্ট্যগুলি সম্পর্কে বিকল্প ডকুমেন্টেশন সিএসএসে ওপেনটাইপ বৈশিষ্ট্যগুলি কীভাবে কোড করবেন সেই নিবন্ধে উপলব্ধ ।

অফিসিয়ালি, আপনি ব্যবহার করার কথা

font-variant-numeric: oldstyle-nums;

তবে এর জন্য সমর্থনটি মজিলার ব্রাউজারের সামঞ্জস্যের উল্লেখ অনুসারে আরও দুর্বল বলে মনে হচ্ছে ।

তত্ত্বের ক্ষেত্রে এটি আরও ভাল কারণ এটি সরাসরি ওপেনটাইপ বৈশিষ্ট্যগুলিকে উল্লেখ করে না তাই এটিও ওপেনটাইপ ফন্টগুলির সাথে কাজ করা উচিত। একইভাবে আপনার ব্যবহার করা উচিত:

font-variant: small-caps; 

ছোট ক্যাপগুলি সক্ষম করতে । ওপেনটাইপ বৈশিষ্ট্য সেটিং যেমন ব্যবহার করবেন না

font-feature-settings: "smcp";

এই প্রভাবটি অর্জন করতে কারণ font-variantসম্পত্তি ইতিমধ্যে ভাল সমর্থিত।


না, আপনি কখনই ব্যবহার করতে চান না font-variant: small-caps;কারণ এটি নকল ছোট ক্যাপগুলি তৈরি করে । সর্বদা অন্যটি ব্যবহার করুন এবং সর্বদা ওপেনটাইপ ফন্ট ব্যবহার করুন। সহজ এবং সমাধান।
tchrist

সংজ্ঞা অনুসারে ( w3.org/TR/CSS21/fonts.html#propdef-font-variant ) বৈশিষ্ট্যটি নকল acceptableহলে এটি it's small-capsএটি কোনও প্রয়োজনীয়তা নয় এবং উচ্চ মানের ব্যবহারকারী এজেন্ট সঠিক কাজটি করবে (ওপেনটাইপ বৈশিষ্ট্যে এটি ম্যাপ করুন)। আমি সম্মত হই যে নকল ছোট ক্যাপগুলির পরিবর্তে আপনার যদি কোনও পরিবর্তন না হয় তবে আপনার ব্যবহার করা উচিত font-feature-settings। সাধারণত জাল ছোট ক্যাপগুলি কোনও প্রভাব না রাখার চেয়ে ভাল।
মিক্কো রেন্টালাইনেন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.