SansDosisあたたかみのあるクールさ。One存在感があるので、ビシッと決める短文に。力強さのあるシンプルなフォントが向いている。ロゴ用Oswald力強いのに落ち着きのあるフォント。One力強さと信頼を印象づける。OneAbelオシャレにいくなら。Abel学問系シンプルで読みやすいフォントが向いている。万能系の定番フォントから選べば間違いない。One説得力があるフォント。Sans小さめの白抜き文字に使うイメージ。Sans文章用Hindシンプルかつスタイリッシュ。HindBitter読みやすく説得力があり、長文におすすめ。頑張りすぎず、抜けがあって可愛らしいフォントが向いている。ロゴ用Nunito丸くて若々しい。NunitoBangers衝撃的!な感じ。大文字しかないのでロゴか短文に。Condensedいい意味で肩の力が抜けたフォント。CondensedUbuntuこちらも肩の力が抜けていて、可愛げがある。UbuntuRaleway気取らないオシャレ。RalewayMuli丸みがありながら、スッキリシンプルに整っている。RalewayChewyかなり特徴的なので、イメージがピッタリなときだけ。Sansを選ぶという例で解説する。導入までのざっくりとした流れ:Googleフォントにアクセスする。Googleフォントのページで、使いたいフォントをコレクションに追加する。選んだフォントの詳細情報を指定する。自分のWebページの<head>タグの直下にコードをコピペし、「このGoogleフォントを使います!」と宣言する。Webページのcssにコードをコピペし、Googleフォントを実装する。クリックとコピペだけでいける。Fontsこちらから。使用したいフォントをコレクションに追加する今回の例ではCandalが使いたいので、”Candal”と左上のボックスに入力した。使いたいフォント名を入力してください。Collectionをポチッと押すことでコレクションに追加する。同じように、使用したいフォント全てについて、「検索→コレクションに追加」の作業を行う。使用したい全てのフォントをコレクションに追加したら、Useをクリックする。want.では、「イタリックとかボールドとかあるけどどれがいい?」と聞かれている。ここで右のスピードメーターみたいなものを見ることで、選んだフォントファイルの重さが確認できる。want.では、「ドイツ語用の変な文字とか使う?使うんだったらチェックしといて」と言われている。website.の下のボックスに自動的に表示されているコードを、自分のWebサイトの<head>タグの直下にコピペする。はてなブログの場合は、「ダッシュボード>設定>詳細設定>検索エンジン最適化」と進み、「headに要素を追加」のボックスにこのコードをコピペする。CSSファイルにコピペし、Googleフォントを実装!ここまでくれば、あとは自分のWebページのcssファイルに、適切な形でコードをコピペしていくことで実装できる。はてなブログの場合、デザインcss(ダッシュボード>デザイン>カスタマイズ>デザインcss)に以下のコードをコピペすればOK。Sansの部分を自分が使用するGoogleフォントの名前に変更してください。Sansを表示できない環境のユーザのための保険。Neueを表示、それも無理なら...と続いていくようになっている。このコードでは日本語フォントのトップが游ゴシック体になっている。この場合日本語表示の再優先フォントが游ゴシック体になる。游ゴシックが好きでない人は、メイリオを游ゴシックの前に持ってきてください。Post:【コピペ用】和風デザインに。Meこんにちは、Saitoです。スポーツ・芸術・教育のあらゆる分野に関する分析や考察を記しています。東大卒、TOEIC990点です。詳しいプロフィールはこちらからご覧ください。Adsenseによる広告表示をしております。自動で表示しておりますので、文中不自然な位置に表示されている可能性があります。藤井聡太七段の真のレーティングは1900越え?トップ棋士に弱いのは本当か。2019-02-07豆乳を飲むと喉がイガイガする(かゆい)ようになってしまった。【口腔アレルギー症候群】2018-09-15ロシアW杯日本代表ベスト16についての評価と感想+選手採点2018-07-05ブックスタンド(書見台)を購入したら読書が格段にはかどった話。for:最近のコメントPFP最強?井上尚弥の強さの理由と、過去の戦績を振り返る。意識は幻想なのか?自由意志の存在(とその否定)に対する、脳科学と哲学の論争のまとめ。東大化学で高得点・満点を狙う効率的勉強法と参考書総まとめ東大物理で高得点・満点を狙う効率的勉強法と参考書総まとめレスター奇跡の優勝達成!時系列でその感動が分かる、下馬評や特集記事の一年間の変化総まとめ豆乳を飲むと喉がイガイガする(かゆい)ようになってしまった。X-E3と同時購入したアクセサリーや設定について。オリンパスやソニーではなくフジを選んだか。藤井聡太七段の真のレーティングは1900越え?トップ棋士に弱いのは本当か。切ない「努力教」について。「黒子のバスケ」脅迫事件犯人の最終意見陳述にちょっと共感してしまった。ブックスタンド(書見台)を購入したら読書が格段にはかどった話。藤井聡太七段の真のレーティングは1900越え?トップ棋士に弱いのは本当か。2019-02-07豆乳を飲むと喉がイガイガする(かゆい)ようになってしまった。【口腔アレルギー症候群】2018-09-15ロシアW杯日本代表ベスト16についての評価と感想+選手採点2018-07-05ブックスタンド(書見台)を購入したら読書が格段にはかどった話。