如何在 Windows、Mac 和 Linux 上安裝 Google Roboto 字體

Roboto字體是 Google 創建的無襯線風格字體。這種字體自Android 4.0（Ice Cream Sandwich）推出初期就出現了，具有優雅和在Android手機等高解析度螢幕上可見性好的優點。

Roboto 擁有全系列字體（包括常規、粗體、斜體、斜體和粗體），主要用於系統應用程式和所有 Google應用程式。

對於這些字體愛好者來說有個好消息，Google 開發人員已經免費發布了 Roboto 字體，您可以不受限制地使用它（根據 Apache 軟體許可證）。現在您可以在Windows、MAC、Linux甚至您的網站上使用它。

以下是如何在上述所有作業系統平台上安裝 Google Roboto 字型。

下載Google機器人

無論您使用什麼作業系統，首先也是最重要的是將 Google Roboto 字型集下載到您的裝置。

造訪Roboto 字體網站並下載字體（壓縮檔案）。您需要按一下“選擇此字型”，然後在螢幕底部按一下顯示“1 Family Selected”的深色標籤。

在新開啟的標籤中，按一下「下載」圖示下載Roboto字型。然後字型集將以 zip 檔案的形式下載。

將剛剛下載的 zip 檔案解壓縮到任意資料夾中。打開該資料夾，您將看到裡面所有的 Roboto 字體。

在 Windows 10 上安裝 Roboto 字體

開啟 Roboto 字型資料夾。選擇所有字體，然後右鍵單擊並選擇“安裝”。

此時，幾分鐘後字體將自動安裝到您的系統上。現在，您可以在裝置上的應用程式上使用 Roboto 字體。

在 Linux 上安裝 Roboto 字體

打開您的主資料夾，然後啟用隱藏檔案/資料夾。找到“.fonts”資料夾。如果沒有，請建立一個擴展名為「.fonts」的新資料夾。接下來，將包含 Roboto 字體的資料夾移至剛剛建立的「.fonts」資料夾中。

接下來，重新啟動 LibreOffice、GIMP、Photoshop 或您正在使用的任何應用程式。您將看到出現 Roboto 字體以供選擇。

在 MAC 上安裝 Roboto 字體

對於 MAC，該方法與 Windows 類似。首先你解壓縮字體，雙擊安裝，Roboto就會出現在Font Book。你的。此外，您也可以將它們拖曳到字型簿中。

為網站安裝 Roboto 字體

如果您想在網站上使用 Roboto 字體，您可以使用CSS3 “@font-face”語法。這是將外部字體嵌入網站的方法。

進入FontSquirrel Roboto字體頁面，點擊「Webfont Kit」，然後選擇您喜歡的字體格式，然後點擊「下載 @Font-Face Kit」。

將下載的檔案解壓縮到您網站的字型資料夾中。然後打開您網站上的樣式表並添加以下程式碼：

@font-face { font-family : '機器人'; src: url('Roboto-Regular-webfont.eot'); src: url('Roboto-Regular-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-Regular-webfont.woff') 格式('woff'), url('Roboto- Regular-webfont.ttf') 格式('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') 格式('svg');字體粗細：正常；字體樣式：正常； } @font-face { font-family : '機器人'; src: url('Roboto-Italic-webfont.eot'); src: url('Roboto-Italic-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-Italic-webfont.woff') 格式('woff'), url('Roboto-斜體-webfont.ttf') 格式('truetype'), url('Roboto-Italic-webfont.svg#RobotoItalic') 格式('svg');字體粗細：正常；字體樣式：斜體； } @font-face { font-family : '機器人'; src: url('Roboto-Bold-webfont.eot'); src: url('Roboto-Bold-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-Bold-webfont.woff') 格式('woff'), url('Roboto- Bold-webfont.ttf') 格式('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') 格式('svg');字體粗細：粗體；字體樣式：正常； } @font-face { font-family : '機器人'; src: url('Roboto-BoldItalic-webfont.eot'); src: url('Roboto-BoldItalic-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-BoldItalic-webfont.woff') 格式('woff'), url('Roboto- BoldItalic-webfont.ttf') 格式('truetype'), url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') 格式('svg');字體粗細：粗體；字體樣式：斜體； } @font-face { font-family : '機器人'; src: url('Roboto-Thin-webfont.eot'); src: url('Roboto-Thin-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-Thin-webfont.woff') 格式('woff'), url('Roboto- Thin-webfont.ttf') 格式('truetype'), url('Roboto-Thin-webfont.svg#RobotoThin') 格式('svg');字體粗細：200；字體樣式：正常； } @font-face { font-family : '機器人'; src: url('Roboto-ThinItalic-webfont.eot'); src: url('Roboto-ThinItalic-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff') 格式('woff'), url('Roboto- ThinItalic-webfont.ttf') 格式('truetype'), url('Roboto-ThinItalic-webfont.ttf')svg#RobotoThinItalic') 格式('svg'); （根據 Apache 軟體許可證）。字體粗細：200；字體樣式：斜體； } @font-face {字型系列： '機器人'; src: url('Roboto-Light-webfont.eot'); src: url('Roboto-Light-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-Light-webfont.woff') 格式('woff'), url('Roboto- Light-webfont.ttf') 格式('truetype'), url('Roboto-Light-webfont.svg#RobotoLight') 格式('svg');字體粗細：100；字體樣式：正常； } @font-face { font-family : '機器人'; src: url('Roboto-LightItalic-webfont.eot'); src: url('Roboto-LightItalic-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-LightItalic-webfont.woff') 格式('woff'), url('Roboto- LightItalic-webfont.ttf') 格式('truetype'), url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') 格式('svg');字體粗細：100；字體樣式：斜體； } @font-face { font-family : '機器人'; src: url('Roboto-Medium-webfont.eot'); src: url('Roboto-Medium-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-Medium-webfont.woff') 格式('woff'), url('Roboto- Medium-webfont.ttf') 格式('truetype'), url('Roboto-Medium-webfont.svg#RobotoMedium') 格式('svg');字體粗細：300；字體樣式：正常； } @font-face { font-family : '機器人'; src: url('Roboto-MediumItalic-webfont.eot'); src: url('Roboto-MediumItalic-webfont.eot?#iefix') 格式('embedded-opentype'), url('Roboto-MediumItalic-webfont.woff') 格式('woff'), url('Roboto- MediumItalic-webfont.ttf') 格式('truetype'), url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') 格式('svg');字體粗細：300；字體樣式：斜體；

確保將“src”變更為字型資料夾的路徑。

接下來，您使用以下語法在您的網站上顯示 Roboto 字體：

字體系列：「機器人」；

希望您能安裝您喜歡的字體。

看更多：

• 本網站可協助您管理電腦上安裝的所有字體
• 5 個尋找和下載免費字體的網站
• 從 Google 下載大型免費字體集（支援越南語）的說明
• 「識別」應用程式或網站上使用的字體的 8 個工具