Η γραμματοσειρά Roboto είναι μια νέα σειρά γραμματοσειρών sans-serif που δημιουργήθηκε από την Google για την πλατφόρμα Sandwich Android 4.0 Ice Cream. Είναι μια ωραία και κομψή γραμματοσειρά που αποδίδει καλά σε οθόνες υψηλής ανάλυσης, όπως τα τηλέφωνα και τα tablet Android. Περιέχει το πλήρες βάρος γραμματοσειράς (περιλαμβάνει κανονικά, τολμηρά, πλάγια και έντονα πλάγια βάρη) και χρησιμοποιείται κυρίως για εφαρμογές συστήματος και όλες τις εφαρμογές Google. Αυτό είναι επίσης το πρώτο βήμα από την Google να ενοποιήσει την πλατφόρμα και να μειώσει το ζήτημα κατακερματισμού UI.

Για όσους αγαπούν τη γραμματοσειρά και επιθυμούν να την χρησιμοποιήσουν στις εφαρμογές τους όπως το Microsoft Word, Pages, Photoshop, Gimp ή ακόμα και στην ιστοσελίδα τους, η Google έχει κυκλοφορήσει δωρεάν την γραμματοσειρά δωρεάν και μπορείτε να την χρησιμοποιήσετε χωρίς κανένα περιορισμό την άδεια χρήσης λογισμικού Apache).

Εδώ μπορείτε να το χρησιμοποιήσετε (σχεδόν) παντού.

1. Πρώτα, μεταβείτε στην τοποθεσία γραμματοσειράς Roboto και κατεβάστε τη γραμματοσειρά (αρχειοθετημένο αρχείο).

2. Εξαγάγετε το αρχείο συμπιεσμένων αρχείων. Θα πρέπει να δείτε ένα φάκελο που ονομάζεται "Roboto_Hinted_20111129". Ανοίξτε το φάκελο και θα δείτε όλες τις γραμματοσειρές roboto (στην (κάτω από την Άδεια Λογισμικού Apache)) (υπό την άδεια Apache Software License).

Για το Linux (Ubuntu):

Ανοίξτε τον κεντρικό φάκελο και ενεργοποιήστε την επιλογή προβολής κρυφών αρχείων / φακέλων. Εντοπίστε το φάκελο " .fonts ". Εάν δεν υπάρχει, δημιουργήστε το. Στη συνέχεια, μετακινήστε το φάκελο γραμματοσειράς Roboto σε αυτό το φάκελο " .fonts ".

Επανεκκινήστε το LibreOffice, το GIMP, το Photoshop ή οποιεσδήποτε εφαρμογές χρησιμοποιείτε. Θα πρέπει να δείτε τη γραμματοσειρά Roboto διαθέσιμη για επιλογή.

Για τα Windows

Ανοίξτε το φάκελο γραμματοσειράς Roboto. Επιλέξτε όλες τις γραμματοσειρές. Κάντε δεξί κλικ στο ποντίκι και επιλέξτε "Εγκατάσταση".

Αυτό θα εγκαταστήσει τις γραμματοσειρές στο μηχάνημά σας των Windows. Τώρα μπορείτε να χρησιμοποιήσετε τη γραμματοσειρά Roboto στις εφαρμογές σας.

Για Mac

Απλά σύρετε όλες τις γραμματοσειρές Roboto στο Βιβλίο γραμματοσειρών σας.

Για το τηλέφωνο Android

Εφόσον η γραμματοσειρά είναι εφαρμογή σε επίπεδο συστήματος, δεν θα μπορείτε να αλλάξετε εύκολα τη γραμματοσειρά στο τηλέφωνό σας Android. Για όσους έχουν ένα παλιότερο τηλέφωνο Android (πριν από το Android 4.0 ICS), θα πρέπει να ριζώσετε το τηλέφωνό σας και να εγκαταστήσετε την εφαρμογή Font Changer Custom Android Switcher Font.

Ανοίξτε την εφαρμογή "Διαχείριση αρχείων", μεταβείτε στη ρίζα της κάρτας SD (/ sdcard) και δημιουργήστε ένα φάκελο (αν δεν υπάρχει) ".fontchanger". Τοποθετήστε όλη τη γραμματοσειρά Roboto σε αυτόν το φάκελο. Ανοίξτε την εφαρμογή Font Changer και παραχωρήστε την άδεια SuperUser. Αφού φορτωθεί, θα πρέπει να δείτε τη γραμματοσειρά Roboto για επιλογή στο κύριο μενού.

Για iOS

Δεν υπάρχει τρόπος να αλλάξετε τη γραμματοσειρά συστήματος iOS χωρίς να χτυπήσει το jailbreaking της συσκευής. Να είστε έτοιμοι να ακυρώσετε την εγγύησή σας.

1. Jailbreak τη συσκευή σας iOS και να εγκαταστήσετε BytaFont από Cydia.

2. Στη συνέχεια, μεταβείτε στο "Cydia -> Section -> Fonts" και εγκαταστήστε τη γραμματοσειρά Roboto

3. Τέλος, εκτελέστε την εφαρμογή BytaFont και θα πρέπει να δείτε τη γραμματοσειρά Roboto στη λίστα, έτοιμη να εφαρμοστεί.

Για τον Ιστό

Αν θέλετε να χρησιμοποιήσετε τη γραμματοσειρά Roboto στον ιστότοπό σας, μπορείτε να χρησιμοποιήσετε τη σύνταξη γραμματοσειράς CSS3 @ font-face για να ενσωματώσετε εξωτερική γραμματοσειρά στην ιστοσελίδα σας.

1. Μεταβείτε στη σελίδα γραμματοσειράς FontSquirrel Roboto και κάντε κλικ στο σύνδεσμο "@ font-face Kit". Κάντε λήψη του "@ kit-face kit".

(βάσει της άδειας χρήσης λογισμικού Apache).

2. Εξαγάγετε το αρχείο συμπιεσμένου φακέλου στον φάκελο γραμματοσειράς του ιστοτόπου Ανοίξτε το φύλλο στυλ ιστού και προσθέστε τον ακόλουθο κώδικα:

 @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-Regular-webfont.eot'). src: url ('Roboto-Regular-webfont.eot; #iefix') μορφή (embedded-opentype), url ('Roboto-Regular-webfont.woff' Regular-webfont.ttf ') (' truetype '), url (' Roboto-Regular-webfont.svg # RobotoRegular ') μορφή (' svg '); γραμματοσειρά-βάρος: κανονική; γραμματοσειρά: κανονικό; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-Italic-webfont.eot'). src: url ('Roboto-Italic-webfont.eot? #iefix') μορφή (embedded-opentype), url ('Roboto-Italic-webfont.woff' Italic-webfont.ttf 'μορφή (' truetype '), url (' Roboto-Italic-webfont.svg # RobotoItalic ') μορφή (' svg '); γραμματοσειρά-βάρος: κανονική; στυλ γραμματοσειράς: πλάγια; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-Bold-webfont.eot'). src: url ('Roboto-Bold-webfont.eot? #iefix') μορφή (embedded-opentype), url ('Roboto- Bold-webfont.woff' Bold-webfont.ttf ') (' truetype '), μορφή url (' Roboto-Bold-webfont.svg # RobotoBold ') (' svg '). γραμματοσειρά-βάρος: έντονα. γραμματοσειρά: κανονικό; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-BoldItalic-webfont.eot'). src: url ('Roboto-BoldItalic-webfont.eot? #iefix') μορφή ('embedded-opentype'), url BoldItalic-webfont.ttf ') (' truetype '), url (' Roboto-BoldItalic-webfont.svg # RobotoBoldItalic ') μορφή (' svg '); γραμματοσειρά-βάρος: έντονα. στυλ γραμματοσειράς: πλάγια; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-Thin-webfont.eot'). src: url ('Roboto-Thin-webfont.eot; #iefix') μορφή (embedded-opentype), url ('Roboto-Thin-webfont.woff' Thin-webfont.ttf ') (' truetype '), μορφή url (' Roboto-Thin-webfont.svg # RobotoThin ') (' svg '). γραμματοσειράς: 200; γραμματοσειρά: κανονικό; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-ThinItalic-webfont.eot'). src: url ('Roboto-ThinItalic-webfont.eot? #iefix') μορφή (embedded-opentype), url ('Roboto-ThinItalic-webfont.woff' ThinItalic-webfont.ttf ') (' truetype '), url (' Roboto-ThinItalic-webfont.svg # RobotoThinItalic ') μορφή (' svg '); (βάσει της άδειας χρήσης λογισμικού Apache). γραμματοσειράς: 200; στυλ γραμματοσειράς: πλάγια; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-Light-webfont.eot'). src: url ('Roboto-Light-webfont.eot; #iefix') μορφή (embedded-opentype), url ('Roboto-Light-webfont.woff' Φόρμα Light-webfont.ttf '(' truetype '), μορφή url (' Roboto-Light-webfont.svg # RobotoLight ') (' svg '). γραμματοσειράς-βάρους: 100; γραμματοσειρά: κανονικό; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-LightItalic-webfont.eot'). src: url ('Roboto-LightItalic-webfont.eot? #iefix') μορφή (embedded-opentype), url ('Roboto-LightItalic-webfont.woff' Φόρμα LightItalic-webfont.ttf '(' truetype '), url (' Roboto-LightItalic-webfont.svg # RobotoLightItalic ') μορφή (' svg '); γραμματοσειράς-βάρους: 100; στυλ γραμματοσειράς: πλάγια; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-Medium-webfont.eot'). src: url ('Roboto-Medium-webfont.eot? #iefix') μορφή (embedded-opentype), url ('Roboto-Medium-webfont.woff' Μέση-webfont.ttf ') (' truetype '), url (' Roboto-Medium-webfont.svg # RobotoMedium ') μορφή (' svg '); γραμμικό βάρος: 300; γραμματοσειρά: κανονικό; } @ γραμματοσειρά {font-family: 'Roboto'; src: url ('Roboto-MediumItalic-webfont.eot'). src: url ('Roboto-MediumItalic-webfont.eot? #iefix') μορφή (embedded-opentype), url ('Roboto-MediumItalic-webfont.woff' MediumItalic-webfont.ttf ') (' truetype '), url (' Roboto-MediumItalic-webfont.svg # RobotoMediumItalic ') μορφή (' svg '); γραμμικό βάρος: 300; στυλ γραμματοσειράς: πλάγια; }}

Βεβαιωθείτε ότι έχετε αλλάξει το "src" για να δείξετε τη διαδρομή του φακέλου γραμματοσειρών.

Στη συνέχεια, μπορείτε να χρησιμοποιήσετε τη σύνταξη

 γραμματοσειρά-οικογένεια: "Roboto";

για να εμφανίσετε τη γραμματοσειρά Roboto στην ιστοσελίδα σας.

Αυτό είναι. Απολαμβάνω!