הגופן Roboto הוא אוסף חדש של גופן sans-serif שנוצר על ידי Google עבור פלטפורמת Android 4.0 Ice-Cream Sandwich. זהו גופן יפה ואלגנטי שמתאים היטב למסכים בעלי רזולוציה גבוהה, כגון טלפונים וטאבלטים של Android. הוא מכיל את כל סט משקל הגופן (כולל רגיל, מודגש, נטוי, ואת משקולות נטוי italic) והוא משמש בעיקר עבור יישומי מערכת וכל היישומים של Google. זהו גם הצעד הראשון של Google לאחד את הפלטפורמה ולהקטין את בעיית הפיצול בממשק המשתמש.

עבור אלה שאוהבים את הגופן ואת רוצה להשתמש בו על היישומים שלהם כגון Microsoft Word, דפים, Photoshop, Gimp, או אפילו באתר האינטרנט שלהם, Google יש בחביבות שוחרר את הגופן בחינם עכשיו אתה יכול להשתמש בו ללא כל הגבלה (תחת רישיון התוכנה Apache).

הנה איך אתה יכול להשתמש בו (כמעט) בכל מקום.

1. ראשית, עבור אל האתר גופן Roboto ולהוריד את הגופן (קובץ מכווץ).

2. חלץ את הקובץ מכווץ. אתה אמור לראות תיקייה בשם "Roboto_Hinted_20111129". לפתוח את התיקייה ואתה צריך לראות את כל גופני roboto (ב (תחת רשיון התוכנה Apache) (תחת רישיון התוכנה Apache) (תחת רישיון התוכנה Apache) משקל שונים) בפורמט.

עבור לינוקס (אובונטו):

פתח את תיקיית הבית שלך ולאפשר את האפשרות להציג קבצים / תיקיות מוסתרים. אתר את התיקייה " .fonts ". אם הוא אינו קיים, צור אותו. הבא, להעביר את התיקייה גופן Roboto לתיקייה זו. " פונט ".

הפעל מחדש את LibreOffice, GIMP, Photoshop או כל יישום שבו אתה משתמש. אתה צריך לראות את גופן Roboto זמין לבחירה.

עבור Windows

פתח את תיקיית הגופן Roboto. בחר את כל הגופנים. לחץ לחיצה ימנית על העכבר ובחר "התקן".

זה יתקין את הגופנים למחשב Windows. כעת באפשרותך להשתמש בגופן Roboto ביישומים שלך.

עבור Mac

פשוט לגרור את כל גופני Roboto לספר הגופן שלך.

עבור טלפון Android

מכיוון שהגופן הוא יישום ברמת המערכת, לא תוכל לשנות את הגופן בקלות בטלפון Android. עבור אלה שיש להם טלפון Android ישן יותר (לפני Android 4.0 ICS), יהיה עליך לשורש את הטלפון ולהתקין את מחלף גופן App מותאם אישית גופן אנדרואיד.

פתח את האפליקציה File Manager, נווט אל השורש של כרטיס ה- SD (/ sdcard) וצור תיקייה (אם לא קיימת) ".fontchanger". מניחים את כל הגופן Roboto בתיקייה זו. פתח את האפליקציה 'מחלף גופן' והעניק לה הרשאת SuperUser. ברגע שהוא נטען, אתה צריך לראות את גופן Roboto לבחירה בתפריט הראשי.

עבור iOS

אין שום דרך לשנות את גופן מערכת ה- iOS מבלי להבריח את המכשיר. להיות מוכן לבטל את האחריות שלך.

1. Jailbreak מכשיר ה- iOS שלך ולהתקין BytaFont מ Cydia.

2. הבא, ללכת "Cydia -> סעיף -> גופנים" ולהתקין את גופן Roboto

3. לבסוף, להפעיל את היישום BytaFont ואתה צריך לראות את גופן Roboto ברשימה, מוכן להחיל.

עבור האינטרנט

אם ברצונך להשתמש בגופן Roboto באתר שלך, תוכל להשתמש בתחביר CSS3 @ font-face כדי להטביע גופן חיצוני לדף האינטרנט שלך.

1. עבור אל דף גופן FontSquirrel Roboto ולחץ על הקישור "@ font-face Kit". הורד את "@ font-face kit".

(תחת רשיון התוכנה Apache).

2. לחלץ את הקובץ מכווץ לתיקיית גופן אתר האינטרנט שלך. פתח את גיליון הסגנונות שלך והוסף את הקוד הבא:

 @ font-face {font-family: 'Roboto'; src: url ('Roboto-Regular-webfont.eot'); src: url ('Roboto-Regular-webfont.eot? #efix') פורמט ('Embedded-opentype'), URL ('Roboto-Regular-webfont.woff') פורמט ('woff'), url ('Roboto- רגיל (webfont.ttf ') פורמט (' trutype '), כתובת אתר (' Roboto-Regular-webfont.svg # RobotoRegular ') פורמט (' svg '); משקל גופני: רגיל; font-style: Normal; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Italic-webfont.eot'); src: url ('Roboto-Italic-webfont.eot? #efix') פורמט ('Embedded-opentype'), URL ('Roboto-Italic-webfont.woff') פורמט ('woff'), URL ('Roboto- ('Trutype'), כתובת אתר ('Roboto-Italic-webfont.svg # RobotoItalic') פורמט ('svg'); משקל גופני: רגיל; font-style: italic; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Bold-webfont.eot'); src: url ('Roboto-Bold-webfont.eot? #efix') פורמט ('Embedded-opentype'), URL ('Roboto-Bold-webfont.woff') פורמט ('woff'), url ('Roboto- Bold-webfont.ttf ') פורמט (' trutype '), כתובת אתר (' Roboto-Bold-webfont.svg # RobotoBold ') פורמט (' svg '); מודגש; font-style: Normal; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-BoldItalic-webfont.eot'); src: url ('Roboto-BoldItalic-webfont.woff') פורמט ('woff'), url ('Roboto-BoldItalic-webfont.eot' #efix ') פורמט (' Embedded-opentype ' BoldItalic-webfont.ttf ') פורמט (' trutype '), כתובת אתר (' Roboto-BoldItalic-webfont.svg # RobotoBoldItalic ') פורמט (' svg '); מודגש; font-style: italic; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Thin-webfont.eot'); src: url ('Roboto-Thin-webfont.eot? #efix') פורמט ('Embedded-opentype'), URL ('Roboto-Thin-webfont.woff') פורמט ('woff'), URL ('Roboto- Thin-webfont.ttf ') פורמט (' trutype '), כתובת אתר (' Roboto-Thin-webfont.svg # RobotoThin ') פורמט (' svg '); משקל גופני: 200; font-style: Normal; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-ThinItalic-webfont.eot'); src: url ('Roboto-ThinItalic-webfont.woff') פורמט ('woff'), url ('Roboto-ThinItalic-webfont.eot? ThinItalic-webfont.ttf ') פורמט (' trutype '), כתובת אתר (' Roboto-ThinItalic-webfont.svg # RobotoThinItalic ') פורמט (' svg '); (תחת רשיון התוכנה Apache). משקל גופני: 200; font-style: italic; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Light-webfont.eot'); src: url ('Roboto-Light-webfont.woff') פורמט ('woff'), url ('Roboto-Light-webfont.eot? Light-webfont.ttf ') פורמט (' trutype '), כתובת אתר (' Roboto-Light-webfont.svg # RobotoLight ') פורמט (' svg '); משקל גופן: 100; font-style: Normal; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-LightItalic-webfont.eot'); src: url ('Roboto-LightItalic-webfont.woff') פורמט ('woff'), url ('Roboto-LightItalic-webfont.woff' LightItalic-webfont.ttf ') פורמט (' trutype '), כתובת אתר (' Roboto-LightItalic-webfont.svg # RobotoLightItalic ') פורמט (' svg '); משקל גופן: 100; font-style: italic; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Medium-webfont.eot'); src: url ("Roboto-Medium-webfont.eot? #efix ') פורמט (' Embedded-opentype '), URL (' Roboto-Medium-webfont.woff ') פורמט (' woff '), URL (' Roboto- בינוני (webfont.ttf ') פורמט (' trutype '), כתובת אתר (' Roboto-Medium-webfont.svg # RobotoMedium ') פורמט (' svg '); משקל גופן: 300; font-style: Normal; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-MediumItalic-webfont.eot'); src: url ('Roboto-MediumItalic-webfont.woff') פורמט ('woff'), url ('Roboto-MediumItalic-webfont.woff' פורמט ('trutype'), url ('Roboto-MediumItalic-webfont.svg # RobotoMediumItalic') פורמט ('svg'); משקל גופן: 300; font-style: italic; } 

הקפד לשנות את "src" כדי להצביע על הנתיב של תיקיית הגופן.

לאחר מכן, ניתן להשתמש בתחביר

 font-family: "Roboto"; 

כדי להציג את הגופן Roboto בדף האינטרנט שלך.

זהו זה. תהנה!