選擇字型

文字工具提供了字型選擇器，可讓您在常用字型清單中選取需要的字型。此外，您也可以新增 Google Fonts 所提供的網路字型。

1. 選取工具列中的「文字工具」圖示 ，或開啟「文字」面板。
2. 按一下工具選項列或「文字」面板中的字型名稱，字型選單隨即開啟。

   

3. 選擇字型。

您可以先選擇字型再新增文字，或是選取現有文字後，再變更為所需字型。

新增 Google Fonts 提供的字型

除了 Google Web Designer 內建的常用字型外，您還可以免費使用 Google Fonts 提供的數百種開放原始碼字型。

如何新增 Google Fonts 目錄中的字型：

1. 選取工具列中的「文字工具」圖示 ，或開啟「文字」面板。
2. 按一下工具選項列或「文字」面板中的字型名稱，字型選單隨即開啟。
3. 按一下字型選單底部的 [更多字型…]，即可載入 Google Fonts 目錄。如要載入更多字型，請捲動至清單底部。
4. 在搜尋欄位 中輸入字型名稱，然後按下 Enter 鍵；或使用篩選器縮小選項範圍。
5. 選取所需字型。選取的字型將出現在右側的「已新增的字型」清單中。

   

6. 完成後按一下 [確定]，您新增的字型隨即會列在這份文件的字型選單中。

使用其他字型

Google Ads 和 Google AdMob 僅支援 Google 網路字型。

目前，您只能將 Google Fonts 字型新增到字型下拉式清單中；不過，如果您有字型檔案，也可以使用自訂字型。

1. 在電腦檔案系統中找到專案所在的資料夾，將字型檔案加入專案的 assets 子資料夾。
   • 如果您使用的是 Studio，可以改成將自訂字型上傳至 Studio 素材資源庫。
   • 為了提升瀏覽器相容性，請加入多種字型格式。
2. 前往程式碼檢視畫面，在 結束標記的前面加入下列 CSS 程式碼，註明您的字型詳細資料：

   @font-face {
     font-family: "My Font Name";
     src: url("assets/myfontname.ttf") format("truetype");
   }

3. 設定文字格式時，如要使用特定字型，請在 [字型名稱] 欄位中輸入字型名稱 (即 font-family 一行中的名稱) 在。

在 CSS 樣式規則中使用自訂字型時，至少要列出一個確認可以在網路上使用的備用字型。

以日文文件來說，您可以使用下列清單：
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Verdana,Helvetica,sans-serif;