So installieren Sie die Google Roboto Schriftart auf Windows, Mac und Linux

Die Roboto-Schriftart ist eine serifenlose Schriftart, die von Google erstellt wurde. Sie ist elegant und wird auf hochauflösenden Bildschirmen, wie Android-Handys, gut dargestellt. Daher ist sie perfekt für viele Anwendungen geeignet. Außerdem ist es ein Kinderspiel, zu lernen, wie man die Google Roboto-Schriftart auf Windows, macOS und Linux installiert.

Inhaltsverzeichnis

• Herunterladen der Google Roboto Schriftart
• Installieren der Google Roboto Schriftart auf Windows
• Installieren der Google Roboto Schriftart auf macOS
• Installieren der Google Roboto Schriftart auf Linux
• Verwenden der Google Roboto Schriftart auf einer Website
• Häufig gestellte Fragen

Herunterladen der Google Roboto Schriftart

Unabhängig von Ihrer Plattform müssen Sie zunächst das Roboto-Schriftartenpaket herunterladen. Gehen Sie dazu zur Roboto-Schriftartseite. Der einfachste Weg, die gesamte Schriftfamilie herunterzuladen, besteht darin, auf die Schaltfläche “Familie herunterladen” in der oberen rechten Ecke zu klicken.

Es wird als ZIP-Datei auf Ihrem Computer gespeichert, nach dem Sie es auf Ihrem Betriebssystem installieren können.

Wenn Ihre Schriftarten pixelig oder in irgendeiner Weise beschädigt erscheinen, versuchen Sie diese Fehlersuche-Schritte, um das Problem zu beheben.

Die gute Nachricht ist, dass Sie die Roboto-Schriftart unabhängig von der Plattform mit nur wenigen Klicks installieren können.

Installieren der Google Roboto Schriftart auf Windows

Befolgen Sie diese Schritte, um die Roboto-Schriftart auf Windows zu installieren:

1. Entpacken Sie den Roboto-Schriftartenordner. Klicken Sie mit der rechten Maustaste und wählen Sie “Alle extrahieren.”

1. Öffnen Sie das “Start”-Menü und wählen Sie “Einstellungen.”

1. Klicken Sie auf “Personalisierung” und wählen Sie “Schriftarten” aus der Liste der Einstellungen auf der rechten Seite.

1. Ziehen Sie die extrahierten Schriftarten in das Installationsfenster. Nach ein paar Sekunden wird die Google Roboto-Schriftart auf Windows installiert. Sie können sie wie jede andere Schriftart in Anwendungen auswählen.

Um andere Schriftarten zu installieren oder einfach zu sehen, was in Windows verfügbar ist, sehen Sie sich unseren Leitfaden zur Installation und Verwaltung von Schriftarten auf Windows an.

Installieren der Google Roboto Schriftart auf macOS

Befolgen Sie diese Schritte, um die Roboto-Schriftart auf Mac zu installieren:

1. Entpacken Sie die ZIP-Datei. Doppelklicken Sie darauf oder klicken Sie mit der rechten Maustaste und wählen Sie “Öffnen.”
2. Wählen Sie alle Schriftarten im Ordner aus (LICENSE.txt überspringen), klicken Sie mit der rechten Maustaste und wählen Sie “Öffnen mit -> Schriftartenbuch” aus dem Kontextmenü.

1. Dies lädt sie in das Schriftartenbuch und macht sie in Ihren Anwendungen verfügbar.

Beachten Sie, dass Sie auch die einzelnen Schriftartdateien doppelt klicken können, um sie in das Schriftartenbuch zu laden.

Installieren der Google Roboto Schriftart auf Linux

1. Entpacken Sie die gezippten Dateien mit dem Befehl unzip.
2. Öffnen Sie Ihren Home-Ordner und aktivieren Sie die Option, versteckte Dateien/Ordner anzuzeigen. Sie können Strg + H drücken oder das Menü “Ansicht” öffnen und “Versteckte Dateien anzeigen” wählen.
3. Suchen Sie den Ordner “.fonts”. Wenn er nicht existiert, erstellen Sie ihn.
4. Verschieben Sie den Roboto-Schriftartenordner in diesen “.fonts”-Ordner.

Alternativ können Sie das Programm Font Manager verwenden, um Ihre Schriftarten zu verwalten.

1. Installieren Sie Font Manager aus dem Software-Center oder Repository.

1. Sobald es installiert ist, öffnen Sie dies und die Schriftarten-App (wieder aus der Suchleiste).

1. Stellen Sie im Font Manager sicher, dass Sie sich auf der Registerkarte “Verwalten” befinden, und klicken Sie auf das Plus (+) Symbol.

1. Navigieren Sie zu Ihrem entpackten Schriftartenordner und fügen Sie sie nach Bedarf hinzu.

Sobald Sie die Apps, die Sie verwenden, neu starten, sollten Sie die Roboto-Schriftart sehen.

Obwohl Linux keine Probleme mit Roboto haben sollte, können einige Distributionen, wie Ubuntu, Schwierigkeiten haben, bestimmte Schriftarten zu erkennen. Wenn Sie Probleme mit Roboto oder anderen Schriftarten in Ubuntu haben, versuchen Sie, sie in das TrueType-Schriftartenformat zu konvertieren.

Verwenden der Google Roboto Schriftart auf einer Website

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

1. Gehen Sie zur FontSquirrel Roboto-Schriftartseite, klicken Sie auf “Webfont Kit”, wählen Sie dann Ihre bevorzugten Schriftartenformate, eine Teilmenge (falls vorhanden) und klicken Sie auf “@Font-Face Kit herunterladen.”

1. Entpacken Sie die gezippte Datei in Ihren Website-Schriftartenordner. Öffnen Sie Ihr Webstylesheet und fügen Sie den folgenden Code hinzu:

@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');(unter der Apache Software-Lizenz).   
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. Stellen Sie sicher, dass Sie den “src”-Pfad auf den Pfad des Schriftartenordners ändern.

2. Verwenden Sie die Syntax font-family:"Roboto";, um die Roboto-Schriftart auf Ihrer Webseite anzuzeigen.

Wenn Sie Probleme haben, Roboto korrekt anzuzeigen, hat Google einen Schnellstartleitfaden, der helfen kann.

Häufig gestellte Fragen

Gibt es eine Serif-Version von Roboto?

Ja. Anfang 2022 fügte Google Fonts Roboto Serif zu seiner Bibliothek hinzu. Es ist kostenlos herunterzuladen, und Sie können es genauso installieren wie Roboto. Verwenden Sie beide auf Ihrem System, wenn Sie möchten.

Muss ich jemals für die Verwendung von Roboto oder anderen Google-Schriftarten bezahlen?

Nein. Sie sind vollständig Open Source. Laut Google dürfen Sie sie sowohl in persönlichen als auch in kommerziellen Projekten kostenlos verwenden. Wenn Sie ein Android-App-Entwickler sind, fügen Sie die Schriftarten zu Ihren Apps hinzu.

Kann ich andere Google-Schriftarten gleichzeitig installieren?

Sie können so viele Google-Schriftarten herunterladen und verwenden, wie Sie möchten. Zum Zeitpunkt des Schreibens gab es über 1.500 Schriftfamilien zur Auswahl. Diese sind in Serif-, Sans-Serif-, Display-, Handschrift- und Monospace-Varianten erhältlich.

Wie kann ich feststellen, ob ein Bild oder eine Website Roboto verwendet?

Wenn Sie die Schriftart auf einer Website oder in einem Bild bewundern, gibt es einige nützliche Tools, die Ihnen helfen, die Schriftart zu identifizieren. Dies wird Ihnen schnell sagen, ob das Bild oder die Website Roboto oder eine andere Schriftart verwendet.

Bildnachweis: Google Fonts. Alle Screenshots von Crystal Crowder.