画像を使わずに様々なデザインのWEBフォントが無料で利用できるようになるのですが、スタイルシートから読み込めるようにする方法をご紹介。GoogleFontsGoogleフォントってなに?っという方は下記を参照して下さい。Googleフォントの使い方まとめ2015.01.26スタイルシートからGoogleFontsを読み込むといっても使い方はとっても簡単で、現在使用している外部CSSに下記のように読み込むだけ。url(http://fonts.googleapis.com/css?family=Lato:300,400,700);基本的には<head>内に書き込むことが多いのですが、<head>内をスッキリさせたり、ソースが簡単に見れないようにすることもできるので、スタイルシートに記述して使う方法も覚えておいてもいいのではないでしょうか?ちなみに僕はいつも上の表記の仕方ではなく「http:」を外して記述しています。url(//fonts.googleapis.com/css?family=Lato:300,400,700);意味はどちらも同じなのですが、問い合わせフォームなどでSSL(サイトセキュリティ)を導入する際に下記の書き方の方がトラブルが少なくてすみます。コードも多少短くなりますしね。したことですが、同じ意味なのであればトラブルが少なく汎用的なものを選ぼうというだけの話しです。まとめ今回の記事は短いですが以上です。Googlefontsは今日現在(2015/02/26)で671種類あり選ぶのも大変ですが、好みのフォントもきっと見つかるはずです。簡単にデザインにアクセントを加える事ができるのでオススメですよ。日本語のフォントは今のところないので英数字に限られてしまいますが...英語圏の方がうらやましい......当サイトでもPC版のグローバルナビや見出しの一部で取り入れています。テキストなので変更したい場合も文字を書き換えるだけなので、簡単です。今日はこの辺で!Googleフォントの使い方まとめ2015.01.26SPONSORLINKWEBサイト制作GoogleFontsこの記事をシェアツイート4シェアはてブ14送るPocket6FOLLOWFeedly新作!シンプルかつパワフルWPテーマ「スワロー」SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。「必要なものとは何か」を考え尽くして、無駄な機能やデザインを削ぎ落とした洗練されたWordPressテーマです。「新しいスマホビュー時代をつくろう」というのをコンセプトに、スマホでの見やすさ、操作しやすさにとことんこだわりました。US矢野ヨシキ香川県(うどん県)にてフリーランスWEBデザイナー/ディレクターとして活動。小規模なWEBサイト制作を得意とし、コンセプト設計からデザイン、コーディング、撮影にいたるまでのすべてをこなします。地方の良さを全国に広めていくお手伝いをしていきたいと思っています。WebSiteTwitterFacebookGoogle+HOMEWEBサイト制作GoogleWEBフォントを外部スタイルシートから読み込む方法WPテーマ「スワロー」シンプル。このサイトで使っているWordPressテーマ、SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。