![見出し画像](https://assets.st-note.com/production/uploads/images/78392642/rectangle_large_type_2_cfde0c77788be164c0ed1ad6cbbbddd0.png?width=1200)
【Webデザイナー必見】GoogleFontを使用した高品質サイトまとめ
Google Fontsとは、Googleが提供するWebフォントのサービスです。無料で利用でき、様々な言語のフォントにも対応している点が大きな特徴です。Google Fontを使用している高品質のサイトをフォントのタイプ別にまとめました。フォントを選ぶ際の参考に是非してみてください!
・・・
01. 欧文フォント(サンセリフ体)
①LATO
![](https://assets.st-note.com/img/1652346976461-ICcMZDt3dB.jpg?width=1200)
■使用サイト
株式会社Koloha|https://koloha.co.jp/
アクシスコンサルティング株式会社|https://axc-g.co.jp/
TRUE TOWEL|https://true-towel.com/
②Montserrat
![](https://assets.st-note.com/img/1652346729441-LWBTStVlJ6.jpg?width=1200)
■使用サイト
村島国際法律事務所|https://attorney-murashima.com/
SEED|https://www.seed-recruit.com/
Aolani|http://www.aolani-ohana.com/aolani/
SPUR.JP|https://spur.hpplus.jp/
SROSSING FIELD|https://www.crossing-field.co.jp/
③Poppins
![](https://assets.st-note.com/img/1651140180509-D8efX9fsCT.jpg?width=1200)
■使用サイト
PARKS MANAGEMENT|https://parks-tokyo.com/
sanwacompany|https://info.sanwacompany.co.jp/40th/
NADO|https://nado.design/
④Libre Franklin
![](https://assets.st-note.com/img/1651140241960-U3sxyHCmHQ.jpg?width=1200)
■使用サイト
WELLZ UNITED|https://www.wellz-united.jp/
⑤Oswald
![](https://assets.st-note.com/img/1651474762953-vco4gG1kTn.jpg?width=1200)
■使用サイト
第一高周波工業株式会社|https://dhf.co.jp/
株式会社前田製作所 採用情報|http://www.maesei.co.jp/recruit/
JEANASIS|https://www.dot-st.com/cp/jeanasis/jeanasis_media
⑥Roboto
![](https://assets.st-note.com/img/1651476579563-eiIKxF4Hf7.jpg?width=1200)
■使用サイト
THIS IS A SWEATER.|https://www.thisisasweater.jp/
株式会社Leo Sophia|https://leosophia.co.jp/
グローバル総合商社 原田産業株式会社|https://www.haradacorp.co.jp/
➆Abel
![](https://assets.st-note.com/img/1651476872304-lrnCtWIXmu.jpg?width=1200)
■使用サイト
玉機プラントテックス株式会社|https://tamaki-planttex.co.jp/
株式会社ペンク|https://penq.co.jp/
➇Work Sans
![](https://assets.st-note.com/img/1651477166441-hn4p6pl8XG.jpg?width=1200)
■使用サイト
株式会社小泉ビジネスソリューション|https://koizumi-bs.co.jp/
株式会社ASM|https://www.asmi.jp/
東洋精器工業株式会社 採用サイト|https://toyoseiki-recruit.jp/
⑨OPEN SANS
![](https://assets.st-note.com/img/1651477528121-f6F0tuxwD4.jpg?width=1200)
■使用サイト
PRO STUFF| http://www.prostuff.co.jp/
UNITY Inc.|https://unity-inc.jp/
VESSEL|https://vesselworks.work/
⑩Source Sans Pro
![](https://assets.st-note.com/img/1651477947175-BUaa0UTEXL.jpg?width=1200)
■使用サイト
MM MARKET & CAFE|https://mm-marketcafe.jp/
株式会社万建設興業|https://yorozu-karino.com/
⑪Raleway
![](https://assets.st-note.com/img/1651478219599-NiUL0l4DLA.jpg?width=1200)
■使用サイト
The Basic Gastable|https://www.rinnai-basic.jp/gastable/
CIRCUS OUTDOOR |http://circusoutdoor.com/
02. 欧文フォント(セリフ体)
①Libre Baskerville
![](https://assets.st-note.com/img/1651478636926-jF7BZte3d2.jpg?width=1200)
■使用サイト
KYOTOGRAPHIE|https://www.kyotographie.jp/
音吉グループオフィシャルサイト|http://www.nikubiru.com/
②Cormorant Garamond
![](https://assets.st-note.com/img/1652346240110-J77F5JsFDS.jpg?width=1200)
■使用サイト
NTT DATA MSE Recruiting|http://nttd-mse.com/recruit/
KUMON 採用サイト|https://www.kumon.ne.jp/job/
③Sorts Mill Goudy
![](https://assets.st-note.com/img/1651479084805-WXbr8CZcGs.jpg?width=1200)
■使用サイト
株式会社スタンダード|https://standard-inc.net/
④Josefin Slab
![](https://assets.st-note.com/img/1651479175360-VPAuvia7vH.jpg?width=1200)
■使用サイト
studio Tao|https://studio-tao.net/
03. 日本語フォント
①Sawarabi Gothic
![](https://assets.st-note.com/img/1651479665832-VxcsaPkZpq.jpg?width=1200)
■使用サイト
アビルキャンプリゾート那須|https://habilecamp.com/
②M PLUS Rounded
![](https://assets.st-note.com/img/1651479769746-ZJtE2QR1Q5.jpg?width=1200)
■使用サイト
JAL STEAM SCHOOL|https://www.jal.com/ja/csr/soraiku/steamschool/
スマイリア|https://smilya.com/
▼前回の記事はこちら
▼エムハンドを知る