خط Roboto هو محرف بنمط sans-serif تم إنشاؤه بواسطة Google. ظهر هذا الخط منذ الأيام الأولى لإطلاق Android 4.0 (Ice Cream Sandwich) مع ميزة الأناقة والرؤية الجيدة على الشاشات عالية الدقة مثل هواتف Android .
يحتوي Roboto على مجموعة كاملة من الخطوط (بما في ذلك الخطوط العادية والجريئة والمائلة والمائلة والجريئة) ويتم استخدامها بشكل أساسي في تطبيقات النظام وجميع تطبيقات Google .
هناك أخبار جيدة لمحبي الخطوط، وهي أن مطوري Google قد أطلقوا خط Roboto مجانًا ويمكنك استخدامه دون قيود (بموجب ترخيص برنامج Apache). والآن يمكنك استخدامه على أنظمة التشغيل Windows أو MAC أو Linux أو حتى على موقع الويب الخاص بك .
فيما يلي كيفية تثبيت Google Roboto Font على جميع أنظمة التشغيل الأساسية المذكورة أعلاه.
تحميل جوجل روبوتو
بغض النظر عن نظام التشغيل الذي تستخدمه، فإن أول وأهم شيء هو تنزيل خط Google Roboto المعين على جهازك.
قم بزيارة موقع خط Roboto وقم بتنزيل الخط (ملف مضغوط). تحتاج إلى النقر فوق "تحديد هذا الخط" ثم في الجزء السفلي من الشاشة، انقر فوق علامة التبويب المظلمة التي تقول "تم تحديد عائلة واحدة".
في علامة التبويب المفتوحة حديثًا، انقر فوق أيقونة "تنزيل" لتنزيل خط Roboto. سيتم بعد ذلك تنزيل مجموعة الخطوط كملف مضغوط.
قم باستخراج الملف المضغوط الذي قمت بتنزيله للتو إلى مجلد عشوائي. افتح هذا المجلد وسترى جميع خطوط Roboto بداخله.
قم بتثبيت خط Roboto على نظام التشغيل Windows 10
افتح مجلد الخط Roboto. حدد جميع الخطوط، ثم انقر بزر الماوس الأيمن واختر "تثبيت".
عند هذه النقطة، سيتم تثبيت الخط تلقائيًا على نظامك بعد بضع دقائق. يمكنك الآن استخدام خط Roboto في التطبيقات الموجودة على جهازك.
قم بتثبيت خط Roboto على نظام Linux
افتح المجلد الرئيسي الخاص بك ثم قم بتمكين الملفات/المجلدات المخفية. ابحث عن المجلد ".fonts". إذا لم يكن هناك مجلد، قم بإنشاء مجلد جديد بالملحق ".fonts". بعد ذلك، انقل المجلد الذي يحتوي على خط Roboto إلى المجلد ".fonts" الذي قمت بإنشائه للتو.
بعد ذلك، أعد تشغيل LibreOffice أو GIMP أو Photoshop أو أي تطبيق تستخدمه. سترى خط Roboto يظهر للاختيار.
قم بتثبيت خط Roboto على جهاز MAC
بالنسبة لنظام التشغيل MAC، تكون الطريقة مشابهة لتلك الموجودة على نظام التشغيل Windows. أولاً، تقوم باستخراج الخط، ثم انقر نقرًا مزدوجًا للتثبيت وسيظهر Roboto في Font Book. لك. بالإضافة إلى ذلك، يمكنك أيضًا سحبها وإسقاطها في كتاب الخطوط الخاص بك.
تثبيت خط Roboto لموقع الويب
إذا كنت تريد استخدام خط Roboto على موقع الويب الخاص بك، فيمكنك استخدام صيغة CSS3 "@font-face" . هذه هي طريقة تضمين الخطوط الخارجية في موقع الويب.
انتقل إلى صفحة خط FontSquirrel Roboto ، وانقر على "Webfont Kit" ، ثم حدد تنسيقات الخطوط التي تريدها وانقر على "Download @Font-Face Kit".
قم بفك ضغط الملف الذي تم تنزيله في مجلد الخطوط لموقع الويب الخاص بك. ثم افتح ورقة الأنماط على موقع الويب الخاص بك وأضف الكود التالي:
@font-face { عائلة الخط : 'روبوت'; src: url('Roboto-Regular-webfont.eot'); src: تنسيق url('Roboto-Regular-webfont.eot?#iefix')('نوع مضمن-opentype')، تنسيق url('Roboto-Regular-webfont.woff')('woff')، url('Roboto- Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); وزن الخط : عادي؛ نمط الخط : عادي؛ } @font-face { عائلة الخط : 'روبوت'; src: url('Roboto-Italic-webfont.eot'); src: تنسيق url('Roboto-Italic-webfont.eot?#iefix') ('نوع مضمن-opentype')، تنسيق url('Roboto-Italic-webfont.woff') ('woff')، url('Roboto- Italic-webfont.ttf') format('truetype'), url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); وزن الخط : عادي؛ نمط الخط : مائل؛ } @font-face { عائلة الخط : 'روبوت'; src: url('Roboto-Bold-webfont.eot'); src: تنسيق url('Roboto-Bold-webfont.eot?#iefix')('نوع مضمن-opentype')، تنسيق url('Roboto-Bold-webfont.woff')('woff')، url('Roboto- Bold-webfont.ttf') format('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') format('svg'); وزن الخط : غامق؛ نمط الخط : عادي؛ } @font-face { عائلة الخط : 'روبوت'; src: url('Roboto-BoldItalic-webfont.eot'); src: تنسيق url('Roboto-BoldItalic-webfont.eot?#iefix')('نوع مضمن-opentype')، تنسيق url('Roboto-BoldItalic-webfont.woff')('woff')، url('Roboto- BoldItalic-webfont.ttf') format('truetype'), url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg'); وزن الخط : غامق؛ نمط الخط : مائل؛ } @font-face { عائلة الخط : 'روبوت'; src: url('Roboto-Thin-webfont.eot'); src: تنسيق url('Roboto-Thin-webfont.eot?#iefix')('نوع مضمن-opentype')، تنسيق url('Roboto-Thin-webfont.woff')('woff')، url('Roboto- Thin-webfont.ttf') format('truetype')، url('Roboto-Thin-webfont.svg#RobotoThin') format('svg'); وزن الخط : 200؛ نمط الخط : عادي؛ } @font-face { عائلة الخط : 'روبوت'; src: url('Roboto-ThinItalic-webfont.eot'); src: تنسيق url('Roboto-ThinItalic-webfont.eot?#iefix')('نوع مضمن-opentype')، تنسيق url('Roboto-ThinItalic-webfont.woff')('woff')، url('Roboto- ThinItalic-webfont.ttf') تنسيق ('truetype')، url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (بموجب ترخيص برنامج Apache). وزن الخط : 200؛ نمط الخط : مائل؛ } @font-face { عائلة الخط: 'إنسان آلي'؛ src: url('Roboto-Light-webfont.eot'); src: تنسيق url('Roboto-Light-webfont.eot?#iefix')('نوع مضمن-opentype')، تنسيق url('Roboto-Light-webfont.woff')('woff')، url('Roboto- Light-webfont.ttf') format('truetype')، url('Roboto-Light-webfont.svg#RobotoLight') format('svg'); وزن الخط : 100؛ نمط الخط : عادي؛ } @font-face { عائلة الخط : 'روبوت'; src: url('Roboto-LightItalic-webfont.eot'); src: تنسيق url('Roboto-LightItalic-webfont.eot?#iefix')('نوع مضمن-opentype')، تنسيق url('Roboto-LightItalic-webfont.woff')('woff')، url('Roboto- LightItalic-webfont.ttf') format('truetype'), url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg'); وزن الخط : 100؛ نمط الخط : مائل؛ } @font-face { عائلة الخط : 'روبوت'; src: url('Roboto-Medium-webfont.eot'); src: تنسيق url('Roboto-Medium-webfont.eot?#iefix') ('نوع مضمن-opentype')، تنسيق url('Roboto-Medium-webfont.woff') ('woff')، url('Roboto- Medium-webfont.ttf') تنسيق('truetype')، url('Roboto-Medium-webfont.svg#RobotoMedium') تنسيق('svg'); وزن الخط : 300؛ نمط الخط : عادي؛ } @font-face { عائلة الخط : 'روبوت'; src: url('Roboto-MediumItalic-webfont.eot'); src: تنسيق url('Roboto-MediumItalic-webfont.eot?#iefix')('نوع مضمن-opentype')، تنسيق url('Roboto-MediumItalic-webfont.woff')('woff')، url('Roboto- MediumItalic-webfont.ttf') تنسيق('truetype')، url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') تنسيق('svg'); وزن الخط : 300؛ نمط الخط : مائل؛
تأكد من تغيير "src" إلى مسار مجلد الخطوط.
بعد ذلك، يمكنك استخدام بناء الجملة التالي لعرض خط Roboto على موقع الويب الخاص بك:
عائلة الخط :"روبوت";
نأمل أن تتمكن من تثبيت الخطوط التي تريدها.
شاهد المزيد:
