【GAS】Googleドキュメントで Noto Sans JP などの日本語Google Fontsを使う

Google Docsは共同編集が非常に便利なツールです。
しかし**美しい・きれいなフォントが少ない**、と感じたことはありませんか？

ググってみると、ブラウザの設定から表示されるフォントを変える方法は出てくるのですが、それだと**印刷時やPDF書き出し時**に「MSゴシック」などあまり美しくはないフォントになってしまいます...

また、**源ノ角ゴシック**などの一部のフォントはフォントリストに表示されず、利用できないと思う方もいるかも知れません。

それでM PLUSフォントを使って我慢している方もいると思います（このフォントも綺麗ですが...）

みなさんそれで諦めてしまっていませんか？？

実は**GASで隠されたフォントを有効化**することで、**[Google Fonts](https://fonts.google.com "Google Fonts")にあるフォントをGoogle Docsで利用できます！！**

もちろん、**ドキュメント以外にもスライド・スプレッドシート等で使用可能**です。

さらに、GASにあまり触れたことのない方用に**コピペで使えるドキュメント**もありますので、ぜひ使ってみてください。

美しいフォントを使って、見栄えの良い文書を作りましょう！
# 使用可能な日本語フォント(2022/04/14更新)

-	Noto Sans JP
-	Noto Serif JP明朝
-	BIZ UDPゴシック
-	BIZ UDゴシック
-	BIZ UDP明朝
-	BIZ UD明朝
-	M PLUS
-	M PLUS 1
-	M PLUS 1 Code
-	M PLUS 2
-	Murecho
-	ZEN丸ゴシック
-	ZEN角ゴシックN
-	ZEN角ゴシックアンチック
-	ZENオールド明朝
-	ZENアンチック
-	ZENアンチックS
-	ZEN紅道
-	しっぽりアンチック
-	しっぽりアンチック B1
-	小杉フォント
-	小杉丸フォント
-	さわらびゴシック
-	さわらび明朝
-	Yusei Magic
-	ポッタ One
-	はちまるポップ
-	Palette Mosaic
-	Yomogi
-	ロックンロール One
-	デラゴシック One
-	レゲエ One
-	トレイン One
-	ドットゴシック16
-	ステッキ
-	オとマのペ One
-	ランパート One
-	Mochiy Pop One
-	Mochiy Pop P One
-	ニューテゴミン
-	解星 オプティ
-	解星 デコール
-	解星 特ミン
-	ひな明朝
-	解星 春の海
-	クレー One
-	佑字【肅】
-	佑字【舞】
-	佑字【朴】
-	佑字【灯】
-	佑字【曙】
-	Rock 3D
-	Palette Mosaic
-	Shizuru

商用利用不可ですが、**Google Sansも使えます**。

# コピペして導入する（簡単）
下のセクションにGASを使った方法も書いていますが、GASを使ったことのない人も簡単に使えるように**コピペだけでフォントを導入**できるドキュメントを作りました。

**テンプレートはこちらから！**
https://docs.google.com/document/d/1gF0QJ3T0p5pLOmFcj3KBoBb5gxvE1zpjywYiP49vSEQ/copy
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/be774a52-a950-d169-589f-eaf50226b97d.png)




### 導入方法
まず、こちらからドキュメントをコピーします。
https://docs.google.com/document/d/1gF0QJ3T0p5pLOmFcj3KBoBb5gxvE1zpjywYiP49vSEQ/copy

次に、使いたいフォントを選択・コピーします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/94ead4f1-1f53-af78-80bf-a6048cbfa8ea.png)



適当なドキュメントにペーストします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/0ac401fc-9aa0-4b03-e5fb-a40ed27640b4.png)

フォントが追加できました！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/9605db2a-4d5c-0c41-0860-9a423c25230d.png)

以後、フォントリストから選択できるようになります。
（フォントによってはウェイトも選択可能です）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/7519d0e0-d593-43f2-3152-6567348c899e.png)

# GASを使った方法
### プロジェクトを作る
上部ツールバーの　ツール＞スクリプトエディタ　からプロジェクトを作ってください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/ee85fcf4-009e-7a6c-922b-832c7f430f1e.png)

「スクリプト エディタ」を開くと、「コード.gs」が開いていますので、そこにコードを入力していきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/090c2207-e9f0-c840-6c90-34aabf1f358c.png)


```コード.gs
function NewFonts() {
  var app = DocumentApp.getUi();
  var body = DocumentApp.getActiveDocument().getBody();
  var p = body.appendParagraph("テキスト"); //適当な文字を入力してください
  p.setFontFamily("Noto Sans JP"); //Google Fontsのフォント名を入力してください
}
```
※ フォント名は、黄色でマークしている所に表示されているものを入力してください
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/d885afcb-2e05-6e80-e015-12d2e92f1b5f.png)


これを実行すると・・・
ドキュメントに指定したフォントの文字列が入力されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1030972/394b56a2-e540-12d4-81c6-88e75b51a716.png)
あとは前のセクションと同じです。

# あとがき
一見、機能が限られていると思われがちなGoogleドキュメントですが、工夫次第で幅広い使い方ができます。

他にも色々なTipsを探してみてください！