Die Roboto-Schriftart ist eine neue Sans-Serif-Schriftart, die von Google für die Android 4.0 Ice-Cream Sandwich-Plattform erstellt wurde. Es ist eine schöne und elegante Schriftart, die sich gut auf hochauflösenden Bildschirmen wie Ihren Android-Telefonen und -Tablets darstellt. Es enthält den vollständigen Satz von Schriftartengewichten (einschließlich Fett-, Kursiv-, Kursiv- und Kursivschrift) und wird hauptsächlich für System-Apps und alle Google-Apps verwendet. Dies ist auch der erste Schritt von Google, um die Plattform zu vereinheitlichen und das Problem der UI-Fragmentierung zu reduzieren.

Für diejenigen, die die Schriftart lieben und sie auf ihren Anwendungen wie Microsoft Word, Pages, Photoshop, Gimp oder sogar auf ihrer Website verwenden möchten, hat Google die Schriftart kostenlos freigegeben und Sie können sie jetzt ohne Einschränkung verwenden (unter die Apache Software Lizenz).

Hier ist, wie Sie es (fast) überall verwenden können.

1. Gehen Sie zuerst zur Roboto-Schriftart und laden Sie die Schriftart (gezippte Datei) herunter.

2. Extrahieren Sie die gezippte Datei. Sie sollten einen Ordner namens "Roboto_Hinted_20111129" sehen. Öffnen Sie den Ordner und Sie sollten alle Roboto-Fonts (unter der Apache-Softwarelizenz) (unter der Apache-Softwarelizenz) (unter der Apache-Softwarelizenz) (verschiedene Gewicht) im .ttf-Format sehen.

Für Linux (Ubuntu):

Öffnen Sie Ihren Home-Ordner und aktivieren Sie die Option zum Anzeigen versteckter Dateien / Ordner. Suchen Sie den Ordner " .fonts ". Wenn es nicht existiert, erstellen Sie es. Als nächstes verschieben Sie den Roboto-Schriftenordner in diesen " .fonts " -Ordner .

Starten Sie LibreOffice, GIMP, Photoshop oder die von Ihnen verwendeten Apps neu. Sie sollten die Roboto-Schriftart zur Auswahl sehen.

Für Windows

Öffnen Sie den Roboto Schriftordner. Wählen Sie alle Schriftarten aus. Klicken Sie mit der rechten Maustaste und wählen Sie "Installieren".

Dadurch werden die Schriftarten auf Ihrem Windows-Computer installiert. Sie können jetzt die Roboto-Schriftart in Ihren Anwendungen verwenden.

Für Mac

Ziehen Sie einfach alle Roboto-Schriften in Ihr Fontbuch.

Für Android Phone

Da es sich bei der Schriftart um eine Anwendung auf Systemebene handelt, können Sie die Schriftart in Ihrem Android-Telefon nicht problemlos ändern. Für diejenigen, die ein älteres Android-Telefon haben (vor Android 4.0 ICS), müssen Sie Ihr Telefon rooten und die Font Changer App Benutzerdefinierte Android Font Switcher installieren.

Öffnen Sie Ihre Dateimanager-App, navigieren Sie zum Stammverzeichnis der SD-Karte (/ sdcard) und erstellen Sie einen Ordner (falls nicht vorhanden) ".fontchanger". Legen Sie alle Roboto-Schriftarten in diesen Ordner. Öffne die Font Changer App und gewähre ihr SuperUser-Erlaubnis. Sobald es geladen ist, sollten Sie die Roboto Schriftart zur Auswahl im Hauptmenü sehen.

Für iOS

Es gibt keine Möglichkeit, die iOS-Systemschriftart zu ändern, ohne das Gerät zu jailbreaken. Bereiten Sie sich darauf vor, Ihre Garantie zu verlieren.

1. Jailbreak dein iOS-Gerät und installieren Sie BytaFont von Cydia.

2. Als nächstes gehen Sie zu "Cydia -> Abschnitt -> Schriftarten" und installieren Sie die Roboto-Schriftart

3. Zuletzt führen Sie die BytaFont App aus und Sie sollten die Roboto Schriftart in der Liste sehen, bereit für die Anwendung.

Für das Web

Wenn Sie die Roboto-Schriftart in Ihrer Website verwenden möchten, können Sie die Schriftart CSS3 @ font-face verwenden, um eine externe Schriftart in Ihre Webseite einzubetten.

1. Gehen Sie zur FontSquirrel Roboto Schriftart-Seite und klicken Sie auf den Link "@ font-face Kit". Laden Sie das "@ font-face kit" herunter.

(unter der Apache-Softwarelizenz).

2. Extrahieren Sie die gezippte Datei in den Schriftartenordner Ihrer Website. Öffnen Sie Ihr Web-Stylesheet und fügen Sie den folgenden Code hinzu:

 @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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.eot? #iefix') Regular-webfont.ttf ') Format (' Truetype '), URL (' Roboto-Regular-webfont.svg # RobotoRegular ') Format (' svg '); Schriftgewicht: normal; Schriftschnitt: normal; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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.eot? #iefix') Italic-webfont.ttf ') Format (' Truetype '), URL (' Roboto-Italic-webfont.svg # RobotoItalic ') Format (' svg '); Schriftgewicht: normal; Schriftschnitt: Kursiv; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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 '); Schriftdicke: fett; Schriftschnitt: normal; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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.eot? #iefix') BoldItalic-webfont.ttf ') Format (' Truetype '), URL (' Roboto-BoldItalic-webfont.svg # RobotoBoldItalic ') Format (' svg '); Schriftdicke: fett; Schriftschnitt: Kursiv; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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.eot? #iefix') Thin-webfont.ttf ') Format (' Truetype '), URL (' Roboto-Thin-Webfont.svg # RobotoThin ') Format (' svg '); Schriftgewicht: 200; Schriftschnitt: normal; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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.eot? #iefix') ThinItalic-webfont.ttf ') Format (' Truetype '), URL (' Roboto-ThinItalic-webfont.svg # RobotoThinItalic ') Format (' svg '); (unter der Apache-Softwarelizenz). Schriftgewicht: 200; Schriftschnitt: Kursiv; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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 '); Schriftgewicht: 100; Schriftschnitt: normal; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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.eot? #iefix') LightItalic-webfont.ttf ') Format (' Truetype '), URL (' Roboto-LightItalic-webfont.svg # RobotoLightItalic ') Format (' svg '); Schriftgewicht: 100; Schriftschnitt: Kursiv; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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- Medium-webfont.ttf ') Format (' Truetype '), URL (' Roboto-Medium-webfont.svg # RobotoMedium ') Format (' svg '); Schriftgewicht: 300; Schriftschnitt: normal; } @ font-face {Schriftfamilie: 'Roboto'; Quelle: 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.eot? #iefix') MediumItalic-webfont.ttf ') Format (' Truetype '), URL (' Roboto-MediumItalic-webfont.svg # RobotoMediumItalic ') Format (' svg '); Schriftgewicht: 300; Schriftschnitt: Kursiv; }

Stellen Sie sicher, dass Sie den "src" so ändern, dass er auf den Pfad des Schriftartenordners zeigt.

Als nächstes können Sie die Syntax verwenden

 Schriftfamilie: "Roboto";

um die Roboto-Schriftart auf Ihrer Webseite anzuzeigen.

Das ist es. Genießen!