• css3

    Webフォント

    2012/10/01

    Googleのwebフォントを使う!

    01.png

     

    css2.1まで、フォント指定はローカル環境にインストールされているフォントに限られていました。


    ゴシック体なら

    windowsはMS P ゴシック、Macはヒラギノ角ゴとか。

    しかーし!

    css3ではwebフォントというものを使って様々なフォントを指定することができます。

    でもでも。

    試してみたいけど有料ばっかりだし・・・なあなた!
    Googleさんが提供しているオープンソースのwebフォントを使ってみましょう!

     

    ※色々選択の仕方があるようですが、とりあえず試したいって体でいきます!


     

    Google webフォントの使い方(ちょっぱや版


    ①google webfontsにアクセスする
    Google Web Fonts
    http://www.google.com/webfonts

    01.png
     

    ②好きなフォントを選び[Quick-use]を押す。

    02.png

     

    ③表示された画面(ちょっと下にスクロールするとあります)にかいてあるリンクを、<head>〜</head>内に、css(font-family)を指定したい要素に指定する。

    03.png



    終わり!

     

     

    ちなみに上で選択したフォントはこんな感じ!

    KANAPPLE.NET

    おぉー。

    タグ:CSS3

この記事へのコメント

コメントを送る

  ※ メールは公開されません
Loading...
 画像の文字を入力してください

back