নেটিভ প্রতিক্রিয়াতে কাস্টম ফন্ট ব্যবহার করার জন্য একটি নির্দেশিকা

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

রিঅ্যাক্ট নেটিভ আপনার অ্যাপ্লিকেশন তৈরি করার সময় বেছে নেওয়ার জন্য বেশ কয়েকটি ডিফল্ট ফন্ট শৈলী প্রদান করে। যাইহোক, আপনার অ্যাপটিকে একটি ভিড়ের বাজারে আলাদা করার জন্য প্রয়োজনীয় মৌলিকতা এবং ব্যক্তিত্ব প্রদান করতে, আপনাকে মাঝে মাঝে কাস্টম ফন্ট ব্যবহার করতে হতে পারে।





আপনার পরবর্তী রিঅ্যাক্ট নেটিভ প্রোজেক্ট তৈরি করার সময় কীভাবে কাস্টম ফন্ট প্রয়োগ করবেন তা শিখুন।





দিনের মেকইউজের ভিডিও

ফন্ট ফাইল ফরম্যাট বোঝা

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





রিঅ্যাক্ট নেটিভ মোবাইল ডেভেলপমেন্টে আপনি সবচেয়ে সাধারণ ফন্ট ফাইল ফরম্যাটগুলি ব্যবহার করবেন:

  • TrueType Font (TTF): এটি একটি সাধারণ ফন্ট ফাইল ফরম্যাট যা বেশিরভাগ অপারেটিং সিস্টেম এবং অ্যাপ্লিকেশন সমর্থন করে। TTF ফাইল তুলনামূলকভাবে ছোট এবং অনেক অক্ষর থাকতে পারে।
  • OpenType Font (OTF): এটি TTF এর মতই কিন্তু উন্নত টাইপোগ্রাফিক বৈশিষ্ট্যও ধারণ করতে পারে। OTF ফাইলগুলি TTF ফাইলের চেয়ে বড় এবং প্রতিটি অ্যাপ্লিকেশন তাদের সমর্থন করে না।
  • এমবেডেড ওপেন টাইপ ফন্ট (EOT): EOT ফাইলগুলি সংকুচিত হয় এবং অননুমোদিত ব্যবহার রোধ করতে ডিজিটাল রাইট ম্যানেজমেন্ট (DRM) তথ্য অন্তর্ভুক্ত করতে পারে। যাইহোক, সমস্ত ব্রাউজার EOT সমর্থন করে না এবং এটি সাধারণত আধুনিক প্রকল্পগুলিতে ব্যবহারের জন্য সুপারিশ করা হয় না।

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



প্রতিক্রিয়া নেটিভে ফন্ট ফাইল আমদানি ও প্রয়োগ করা

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

আপনার প্রতিক্রিয়া নেটিভ প্রকল্পে একটি ফন্ট ফাইল আমদানি করতে, একটি তৈরি করুন সম্পদ/ফন্ট আপনার প্রকল্পের মূলে ডিরেক্টরি, এবং এটিতে ফন্ট ফাইলগুলি সরান।





এই কম্পিউটারে ম্যাক ওএস এক্স ইনস্টল করা যাবে না
 কাস্টমফন্ট 1-4

কাস্টম ফন্ট ব্যবহার করার জন্য প্রয়োজনীয় পদক্ষেপগুলি পরিবর্তিত হয় যখন বিশুদ্ধভাবে রিঅ্যাক্ট নেটিভ-জেনারেটেড প্রোজেক্ট বা এক্সপো-ম্যানেজড রিঅ্যাক্ট নেটিভ প্রোজেক্টের সাথে কাজ করে।

নেটিভ CLI প্রতিক্রিয়া

আপনি যদি একটি রিঅ্যাক্ট নেটিভ CLI-জেনারেটেড প্রোজেক্টের সাথে কাজ করেন, তাহলে একটি তৈরি করুন react-native.config.js ফাইল এবং এর ভিতরে এই সেটিংস সংজ্ঞায়িত করুন:





 module.exports = { 
    project: {
        ios: {},
        android: {}
    },
    assets: [ './assets/fonts/' ],
}

এই কনফিগারেশনটি প্রজেক্টকে সংরক্ষিত ফন্ট সম্পদ অন্তর্ভুক্ত করতে বলে './assets/fonts/' ডিরেক্টরি যাতে পাঠ্য উপাদান রেন্ডার করার সময় অ্যাপটি সেগুলি অ্যাক্সেস করতে পারে।

আপনি তারপর লিঙ্ক করতে পারেন সম্পদ নিম্নলিখিত চালানোর মাধ্যমে আপনার প্রকল্পে ফোল্ডার:

 npx react-native-asset