こんにちは。
Webサイト構築アイドル
ぴかりん先生です☆
あなたは
Webサイトを作るときに、
文字のフォントって
どうするの？
と疑問に思ったことはありませんか？
フォントを設定するときに、
自分のPCに入っているフォントを
そのまま設定することはできません。
なんでかというと、
自分のPCに入っているフォントが
インターネットを閲覧する
すべてのユーザーに
入っているとは限らないからです。
一番わかりやすい例えをすると、
世界中の人が使っているPCは
だいたいがWindowsかMacですよね。
・WindowsにはあってMacにはないフォント
・MacにはあってWindowsにはないフォント
が存在します。
あなたがもし
Windowsを使用しているのなら
何も知らずにPCに入っている
フォントをサイトで使用すれば
Macでそのサイトを見る人は
あなたが設定したそのフォントを
見ることはできないのです。
じゃあみんなが見ることができる
フォントってめっちゃ少ないんじゃないの？
って思うかもしれません。
サイトに使用するフォントは、
そのサイト全体のデザインなどの
見た目にも影響します。
そして
コンテンツの読みやすさなどの
ユーザビリティ(使いやすさ)にも
非常に大きく影響します。
だから、
たくさんある中から
フォント選びをしたい。
そんなあなたに、
今日はGoogle Fonts
というものを
紹介したいと思います。
この記事を最後まで読めば
あなたの作ったサイトが
見違えるほど美しくなります。
サイトのアクセス数も急上昇。
しかし最後まで読まなければ
いつまでたっても何十億とあるサイトに
あなたのサイトは埋もれたままです。
最後まで読んでください！
Google Fontsは、
何百ものWebフォントを無料で
提供しているサービスです。
ここでは私が実制作で
実際に使ったフォントや
定番になりつつある代表的な
フォントなど集めてみました。
1. Open Sans
オーソドックスなサンセリフ系のフォント。
「Gill Sans」にそっくりです。
→Open Sans
2. Lato
こちらも「Gill Sans」にそっくりなフォント。
先ほどの「Open Sans」と似ていますが
全体のバランスや字詰め具合など
こちらの方が品があるように思えます。
→Lato
3. Montserrat
「Myriad」を少し縦に
つぶしたようなフォント。
可読性も高いので小さくしても大丈夫。
日付とかに使えるかも
4. Roboto
少し縦長ですが「Helvetica」に
似てるフォントありました。
ウェイトがかなりたくさん用意されて
いるので使い勝手が良さそうです。
5. Bubbler One
小文字の「a」や「e」が特徴的。
フラットデザインではやっている
線の細いアイコンとの相性が良さそうです。
タイトルよりか小見出しくらいに向いてそうです。
6. Nunito
丸みのあるサンセリフ体のフォント。
→Nunito
7. Pathway Gothic One
長体のかかったモダンなフォント。
なかなかインパクトがあります。
8. Vollkorn
こちらは「Garamond」か迷ったのですが
「W」の形が決め手で「Georgia」似と
決めさせていただきました。
他のブログでも紹介されているので
結構有名かもしれません。
9. Merriweather
非常に可読性が高いので
小さい文字でも読めそうです。
日付表示などにも使えそうです。
10. Amatic SC
長体のかかった手描きの文字。
写真の上に乗せたりすると
今風な感じになりそうです。
以上になります！
このGoogle fontsをあなたの
Webサイトに取り入れるだけで
一気にプロっぽいサイトに仕上がります。
今すぐ試してください！
ダサいサイト、という認識をされる前に
今すぐ試すべきです！
なにかわからないことがあれば
LINE@で24時間あなたのサポート
をさせていただきます。
気軽にご連絡ください！
↓↓↓↓↓↓
ID▷▷@dll1150x
その他、LINE@でしか公開していない
特別な情報も配信しています。
友だち追加をしない理由は
ないはずです…！！！
今すぐ追加してください！
ぴかりん先生☆