الإنتاجية

كيفية تثبيت Google Roboto Font على أنظمة التشغيل Windows و Mac و Linux

صورة eshrag eshrag أرسل بريدا إلكترونيا
328 4 دقائق


خط Roboto هو محرف sans-serif تم إنشاؤه بواسطة Google. إنه أنيق ويتم عرضه جيدًا على الشاشات عالية الدقة ، مثل هواتف Android. على هذا النحو ، فهو مناسب تمامًا للعديد من التطبيقات. علاوة على ذلك ، فإن تعلم كيفية تثبيت خط Google Roboto على أنظمة التشغيل Windows و macOS و Linux يعد أمرًا رائعًا.

تنزيل خط Google Roboto

بغض النظر عن النظام الأساسي الخاص بك ، فأنت بحاجة أولاً إلى تنزيل حزمة خطوط Roboto. للقيام بذلك ، توجه إلى موقع خط Roboto. إن أبسط طريقة لتنزيل مجموعة الخطوط بالكامل هي النقر فوق الزر “تنزيل العائلة” في الجزء العلوي الأيمن.

سينتهي به الأمر كملف ZIP على جهاز الكمبيوتر الخاص بك ، وعندها ستتمكن من تثبيته على نظام التشغيل الخاص بك.

مقالات ذات صلة

إذا ظهرت خطوطك تبدو منقطة أو تالفة بأي شكل من الأشكال ، فجرّب خطوات استكشاف الأخطاء وإصلاحها هذه لإصلاح المشكلة.

الخبر السار هو أنه بغض النظر عن النظام الأساسي ، يمكنك تثبيت خط Roboto في بضع نقرات.

قم بتثبيت Google Roboto Font على نظام Windows

اتبع هذه الخطوات لتثبيت خط Roboto على نظام Windows:

  1. قم بفك ضغط مجلد خط Roboto. انقر بزر الماوس الأيمن وحدد “استخراج الكل”.
كيفية تثبيت Google Robot Font على نظامي التشغيل Windows Mac و Linux ، قم بفك ضغط Windows
  1. افتح قائمة “ابدأ” وحدد “الإعدادات”.
كيفية تثبيت Google Robot Font على إعدادات Windows لنظام التشغيل Windows Mac و Linux
  1. انقر فوق “تخصيص” واختر “الخطوط” من قائمة الإعدادات على اليمين.
كيفية تثبيت Google Robot Font على خطوط Windows Mac و Linux
  1. اسحب الخطوط المستخرجة إلى نافذة المثبت. بعد بضع ثوانٍ ، سيتم تثبيت خط Google Roboto على نظام التشغيل Windows. يمكنك تحديده كما تفعل مع أي خط آخر من داخل التطبيقات.
كيفية تثبيت Google Robot Font على نظامي التشغيل Windows Mac و Linux اسحب للتثبيت

لتثبيت أنواع أخرى من الخطوط أو لمجرد الاطلاع على ما هو متوفر في Windows ، راجع دليلنا لتثبيت الخطوط وإدارتها على Windows.

قم بتثبيت Google Roboto Font على نظام macOS

اتبع هذه الخطوات لتثبيت خط Roboto على نظام Mac:

  1. قم باستخراج ملف ZIP. انقر نقرًا مزدوجًا أو انقر بزر الماوس الأيمن وحدد “فتح”.
  2. حدد جميع الخطوط الموجودة داخل المجلد (تخطي LICENSE.txt) ، وانقر بزر الماوس الأيمن ، وحدد “فتح باستخدام -> دفتر الخطوط” من قائمة السياق.
فتح الخطوط باستخدام دفتر الخطوط.
  1. سيؤدي ذلك إلى تحميلها في دفتر الخطوط وإتاحتها للاستخدام في تطبيقاتك.

لاحظ أنه يمكنك أيضًا النقر نقرًا مزدوجًا فوق ملفات الخطوط الفردية لتحميلها في دفتر الخطوط.

قم بتثبيت Google Roboto Font على Linux

  1. قم باستخراج الملفات المضغوطة باستخدام أمر فك الضغط.
  2. افتح المجلد الرئيسي الخاص بك ، وقم بتمكين خيار عرض الملفات / المجلدات المخفية. يمكنك الضغط على كنترول + ح، أو انقر على قائمة “عرض” واختر “إظهار الملفات المخفية”.
  3. حدد موقع مجلد “.fonts”. إذا لم يكن موجودًا ، فقم بإنشائه.
  4. انقل مجلد خط Roboto إلى مجلد “.fonts” هذا.

بدلاً من ذلك ، استخدم برنامج Font Manager لإدارة الخطوط الخاصة بك.

  1. قم بتثبيت Font Manger من مركز البرامج أو المستودع.
تثبيت تطبيق Font Manager.
  1. بمجرد تثبيته ، افتح هذا التطبيق وتطبيق الخطوط (مرة أخرى ، من شريط البحث).
فتح تطبيق Debian Fonts.
  1. داخل Font Manager ، تأكد من أنك في علامة التبويب Manage ، وانقر فوق رمز الإضافة (+).
إضافة الخطوط في دبيان.
  1. انتقل إلى مجلد الخطوط المستخرج ، وقم بإضافتها حسب الحاجة.

بمجرد إعادة تشغيل التطبيقات التي تستخدمها ، يجب أن ترى خط Roboto.

بينما لا ينبغي أن يواجه Linux أي مشكلة مع Roboto ، إلا أن بعض التوزيعات ، مثل Ubuntu ، قد تواجه مشكلة في التعرف على خطوط معينة. إذا كنت تواجه مشكلات مع Roboto أو الخطوط الأخرى في Ubuntu ، فحاول تحويلها إلى تنسيق خط TrueType.

استخدام خط Google Roboto على موقع ويب

إذا كنت ترغب في استخدام خط Roboto على موقع الويب الخاص بك ، فاستخدم CSS3 @font-face بناء الجملة لتضمين الخط الخارجي في صفحة الويب الخاصة بك.

  1. انتقل إلى صفحة خط FontSquirrel Roboto ، وانقر على “Webfont Kit” ، ثم اختر تنسيقات الخطوط المفضلة لديك ، ومجموعة فرعية (إن وجدت) ، وانقر على “Download @ Font-Face Kit”.
كيفية تثبيت Google Robot Font على نظامي التشغيل Windows Mac و Linux تنزيل من Font Squirrel
  1. قم باستخراج الملف المضغوط إلى مجلد خطوط موقع الويب الخاص بك. افتح ورقة أنماط الويب الخاصة بك ، وأضف الكود التالي:
@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;
}
  1. تأكد من تغيير “src” للإشارة إلى مسار مجلد الخط.
  1. استخدم بناء الجملة font-family:"Roboto"; لعرض خط Roboto على صفحة الويب الخاصة بك.

إذا كانت لديك أي مشكلات في عرض Roboto بشكل صحيح ، فإن Google لديها دليل بدء سريع يمكن أن يساعدك.

أسئلة مكررة

هل هناك نسخة Serif من Roboto؟

نعم. في أوائل عام 2022 ، أضافت خطوط Google Roboto Serif إلى مكتبتها. إنه مجاني للتنزيل ، ويمكنك تثبيته تمامًا مثل Roboto. استخدم كلاهما على نظامك إذا كنت تريد.

هل يتعين علي الدفع في أي وقت لاستخدام Roboto أو خطوط أخرى من Google؟

هل يمكنني تثبيت خطوط أخرى من Google في نفس الوقت؟

يمكنك تنزيل واستخدام أي عدد تريده من خطوط Google. في وقت كتابة هذا التقرير ، كان هناك أكثر من 1500 مجموعة خطوط للاختيار من بينها. هذه تأتي في أنواع serif و sans-serif والعرض والكتابة اليدوية والأحادية.

كيف يمكنني معرفة ما إذا كانت الصورة أو الموقع يستخدم Roboto؟

إذا كنت تعجب بالخط على موقع ويب أو في صورة ، فهناك عدد غير قليل من الأدوات المفيدة لمساعدتك في تحديد الخط. سيخبرك هذا بسرعة ما إذا كانت الصورة أو الموقع يستخدم Roboto أو خطًا آخر.

رصيد الصورة: خطوط جوجل. جميع لقطات الشاشة بواسطة Crystal Crowder.

كريستال كروودر
كريستال كروودر

أمضت Crystal Crowder أكثر من 15 عامًا في العمل في مجال التكنولوجيا ، أولاً كفني في تكنولوجيا المعلومات ثم ككاتب. تعمل على مساعدة الآخرين في تعليم كيفية تحقيق أقصى استفادة من أجهزتهم وأنظمتهم وتطبيقاتهم. إنها تظل على رأس أحدث الاتجاهات وتبحث دائمًا عن حلول للمشاكل التقنية الشائعة.

اشترك في نشرتنا الإخبارية!

تم تسليم أحدث دروسنا مباشرة إلى صندوق الوارد الخاص بك

– مقال مترجم بواسطة شبكة اشراق العالم ومصدره موقع maketecheasier

اكتشاف المزيد من إشراق العالم

اشترك للحصول على أحدث التدوينات المرسلة إلى بريدك الإلكتروني.

الوسوم
صورة eshrag eshrag أرسل بريدا إلكترونيا
328 4 دقائق

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى