উইন্ডোজ, ম্যাক এবং লিনাক্সে কীভাবে গুগল রোবোটো ফন্ট ইনস্টল করবেন

রোবোটো ফন্ট হল একটি সান-সেরিফ টাইপফেস যা গুগল তৈরি করেছে। এটি মার্জিত এবং উচ্চ-রেজোলিউশনের স্ক্রিনে যেমন Android ফোনে ভালো রেন্ডার করে। যেমন, এটি অনেক অ্যাপ্লিকেশনের জন্য উপযুক্ত। আরও কি, Windows, macOS এবং Linux-এ Roboto ফন্ট ইনস্টল করা একটি কেক।

এই পোস্টে, আমরা আপনাকে দেখাব কিভাবে Windows, macOS, Linux, এমনকি আপনার ওয়েবসাইটে Google Roboto ফন্ট ইনস্টল করতে হয়। চলুন শুরু করা যাক!

গুগল রোবোটো ফন্ট ডাউনলোড করা হচ্ছে

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

এটি আপনার কম্পিউটারে একটি জিপ ফাইল হিসাবে শেষ হবে, এই সময়ে আপনি এটি আপনার অপারেটিং সিস্টেমে (OS) ইনস্টল করতে সক্ষম হবেন৷

উইন্ডোজ, ম্যাক এবং লিনাক্সে কিভাবে গুগল রোবোটো ফন্ট ইনস্টল করবেন

দারুন খবর হল আপনি যে প্ল্যাটফর্মে রোবোটো ফন্ট ইনস্টল করতে চান তা নির্বিশেষে, এটি একটি ক্লিকের ব্যাপার লাগবে৷

1. উইন্ডোজ 10

উইন্ডোজের জন্য, প্রথমে রোবোটো ফন্ট ফোল্ডারটি আনজিপ করুন। এরপর, স্টার্ট মেনুতে যান এবং সেটিংস পৃষ্ঠা খুলুন।

এখান থেকে, ব্যক্তিগতকরণ বিকল্পে ক্লিক করুন, তারপরে ফন্ট।

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

2. macOS

ম্যাকের জন্য, প্রথমে জিপ ফাইলটি বের করুন, তারপর ফোল্ডারের মধ্যে থাকা সমস্ত ফন্ট নির্বাচন করুন (LICENSE.txt এড়িয়ে গিয়ে), ডান-ক্লিক করুন এবং প্রসঙ্গ মেনু থেকে "ওপেন উইথ -> ফন্ট বুক" নির্বাচন করুন৷

এটি সেগুলিকে ফন্ট বুকের মধ্যে লোড করবে এবং সেগুলিকে আপনার অ্যাপ্লিকেশনগুলিতে ব্যবহারের জন্য উপলব্ধ করবে৷

মনে রাখবেন যে আপনি পৃথক ফন্ট ফাইলগুলিকে ফন্ট বুক এ লোড করতে ডাবল-ক্লিক করতে পারেন৷

3. লিনাক্স

আপনার হোম ফোল্ডার খুলুন এবং লুকানো ফাইল/ফোল্ডার দেখার বিকল্পটি সক্রিয় করুন। ".fonts" ফোল্ডারটি সনাক্ত করুন। যদি এটি বিদ্যমান না থাকে তবে এটি তৈরি করুন। এরপর, Roboto ফন্ট ফোল্ডারটিকে এই “.fonts” ফোল্ডারে নিয়ে যান।

বিকল্পভাবে, আপনি আপনার ফন্ট পরিচালনা করতে ফন্ট ম্যানেজার প্রোগ্রাম ব্যবহার করতে পারেন।

1. সফ্টওয়্যার কেন্দ্র বা সংগ্রহস্থল থেকে ফন্ট ম্যাঞ্জার ইনস্টল করুন৷

2. এটি ইনস্টল হয়ে গেলে, এটি এবং ফন্ট অ্যাপটি খুলুন (আবার, অনুসন্ধান বার থেকে)।

3. ফন্ট ম্যানেজারের মধ্যে, নিশ্চিত করুন যে আপনি পরিচালনা ট্যাবে আছেন এবং প্লাস আইকনে ক্লিক করুন৷

4. আপনার নিষ্কাশিত ফন্ট ফোল্ডারে নেভিগেট করুন এবং প্রয়োজন অনুসারে সেগুলি যুক্ত করুন৷

একবার আপনি যে অ্যাপগুলি ব্যবহার করছেন সেগুলি পুনরায় চালু করলে, আপনি নির্বাচনের জন্য উপলব্ধ রোবোটো ফন্ট দেখতে পাবেন৷

একটি ওয়েবসাইটে Google Roboto ফন্ট ব্যবহার করা

আপনি যদি আপনার ওয়েবসাইটে রোবোটো ফন্ট ব্যবহার করতে চান তবে আপনি CSS3 @font-face ব্যবহার করতে পারেন। আপনার ওয়েবপেজে বহিরাগত ফন্ট এম্বেড করার জন্য সিনট্যাক্স।

FontSquirrel Roboto ফন্ট পৃষ্ঠায় যান, "Webfont Kit" এ ক্লিক করুন, তারপর আপনার পছন্দের ফন্ট ফরম্যাট, একটি উপসেট (যদি থাকে) চয়ন করুন এবং "@Font-Face Kit ডাউনলোড করুন" এ ক্লিক করুন৷

জিপ করা ফাইলটি আপনার ওয়েবসাইটের ফন্ট ফোল্ডারে বের করুন। আপনার ওয়েব স্টাইলশীট খুলুন এবং নিম্নলিখিত কোড যোগ করুন:

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Italic-webfont.eot');
    src: url('Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Italic-webfont.woff') format('woff'),
         url('Roboto-Italic-webfont.ttf') format('truetype'),
         url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold-webfont.eot');
    src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Bold-webfont.woff') format('woff'),
         url('Roboto-Bold-webfont.ttf') format('truetype'),
         url('Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-BoldItalic-webfont.eot');
    src: url('Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-BoldItalic-webfont.woff') format('woff'),
         url('Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Thin-webfont.eot');
    src: url('Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Thin-webfont.woff') format('woff'),
         url('Roboto-Thin-webfont.ttf') format('truetype'),
         url('Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-ThinItalic-webfont.eot');
    src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-ThinItalic-webfont.woff') format('woff'),
         url('Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
    font-weight: 200;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light-webfont.eot');
    src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Light-webfont.woff') format('woff'),
         url('Roboto-Light-webfont.ttf') format('truetype'),
         url('Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-LightItalic-webfont.eot');
    src: url('Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-LightItalic-webfont.woff') format('woff'),
         url('Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium-webfont.eot');
    src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Medium-webfont.woff') format('woff'),
         url('Roboto-Medium-webfont.ttf') format('truetype'),
         url('Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-MediumItalic-webfont.eot');
    src: url('Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-MediumItalic-webfont.woff') format('woff'),
         url('Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

নিশ্চিত করুন যে আপনি ফন্ট ফোল্ডারের পথ নির্দেশ করতে "src" পরিবর্তন করেছেন।

এরপর, আপনি সিনট্যাক্স ব্যবহার করতে পারেন font-family:"Roboto"; আপনার ওয়েব পেজে রোবোটো ফন্ট প্রদর্শন করতে।

উপসংহারে

Google-এর রোবোটো ফন্ট হল হেলভেটিকা ​​এবং এরিয়ালের মতো মূল ভিত্তিগুলির একটি আড়ম্বরপূর্ণ বিকল্প। আরও কী, এটি Google-এর মেটেরিয়াল ডিজাইন উদ্যোগের অগ্রভাগে রয়েছে। তা সত্ত্বেও, রোবোটো সব ধরনের অ্যাপ্লিকেশনে কাজ করে এবং এটিকে Windows, macOS, Linux, এমনকি আপনার ওয়েবসাইটে ইনস্টল করা একটি হাওয়া।

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