ユーザーのフォントを統一できる、Google Fontsの紹介

公開日: : 最終更新日:2013/11/23 Web制作

131664241abb6e24fe0a685346ae6726
Web制作で困ることが多いのは「ユーザー全員が使えるフォントがない」ことでしょう。
ユーザーのパソコンに入っているフォントによって見え方が異なるためです。
つまり「見え方が統一できない」ことが多いです。

それを解決するために、Google Fontsを使います。

使い方

トップページ(上図)から、使いたいフォントを「Add to Collection」で追加。
右下に「USE」が出てくるのでそれをクリック。
6f5ac8c355603d74886ec113a21225c6

1. Choose the styles you want: ・・・使いたいスタイルを選択

2. Choose the character sets you want: ・・・使いたい文字設定を選択
が出てきます。基本的に触らなくてOK。

3. Add this code to your website: ・・・コードを入れたいページに貼り付け
例:<link href=’http://fonts.googleapis.com/css?family=Molle:400italic’ rel=’stylesheet’ type=’text/css’>

4. Integrate the fonts into your CSS: ・・・導入したいところにCSSで記述
例:<font style=”font-family: ‘Molle’, cursive;”>test</font>
例2:CSS設定の中に
.font{font-family: ‘Molle’, cursive;}

まとめ

これで導入したページ内なら、このフォントがだれでも見れるようになります!

Twitter(@R_farms)でブログの更新情報をお伝えしています。
フォローしていただけると嬉しいです!

このカテゴリの記事

iPhoneアプリを開発してみよう

最近ずっとiPhoneアプリで遊んでて、 「なんか頭使うゲームないな?」と思い("本質的には育成ゲ

記事を読む

SSH、SSHクライアントって何?

SSH?SSHクライアント?となり挫折しそうな、または挫折してしまった方への案内書になります。私

記事を読む

現代PHPの正しい道「PHP: The Right Way」の紹介とその要約

時代遅れの本や情報があふれている。そのため「何年前のコレ?」というコードが広まっている。 私も

記事を読む

知らなかった!「while」と「do while」の違い

Perl→PHPを独学でやって現在C言語をやってます。 「do{ ~ }while( ~ );

記事を読む

ミニ四駆 大会日程まとめ完成

長らくお待たせしました。 ミニ四駆 大会日程まとめが完成しました。 作った理由 これま

記事を読む

cakePHP2.*で簡単にデータベース(database.php)設定を切り替える方法

cakePHP2.0で実験しました。 内容はhttp://blog.imho.jp/2014/05

記事を読む

C言語およびC++のコンパイラMinGWのインストールとテスト

Windows環境でCとC++を開発するためのコンパイラ「MinGW」のインストールを行います。

記事を読む

PHPでPC・スマホ・タブレット・携帯を判別するおすすめの方法

今まさにスマートフォン時代になってきています。 今月のアクセス解析 PHPでPCやスマートフ

記事を読む

[PHP]まとめ読みをPSRで改良する(3)

(2)の記事から「PDO」を使い、データの通信をオブジェクト化しました。 password_h

記事を読む

PHPのコーディング規則、PSRを学ぶ(1)

PHPはかなり自由に書けることが魅力なのですが「自由に書ける」=「独自化する」=「その人以外わからな

記事を読む

指示待ち人間の作り方

「指示待ち人間ばかりで困る」と思いませんか? さて、それをど

あなたの仕事は楽しいですか?

あなたの仕事は楽しいですか? ・・・いきなりなんだよと思った

始まりと終わり

終わりを決めましょう! 皆様、お久しぶりです。 2018年

黒い砂漠 KNスキル考察(17/11/16版)

なんかこれしか書いてないので新しく作りました。 黒い砂漠のメイン

swiftでゲームプログラミング(開始前)

iPhoneアプリを開発するために必要な言語「Swift」 そう

→もっと見る

PAGE TOP ↑