CALENDAR
S M T W T F S
   1234
567891011
12131415161718
19202122232425
2627282930  
<< November 2017 >>
PR
ARCHIVES
MOBILE
qrcode
<< 改めて | main | デザインをいじってみる#02 >>
スポンサーサイト
0

    一定期間更新がないため広告を表示しています

    | - | | - | - |
    デザインをいじってみる#01
    0
      フォントを変える。

      このブログのデザインはテンプレートのPlain3を使っています。
      このデザインを少しずつカスタマイズしてみます。
      最近Webフォントと言うのを知りましたが、利用者の使用しているフォント環境に依存しないで文字を表示する事ができます。
      CSSは初めて触るので、おそるおそる最低必要な場所だけをいじってみます。
      まず、CSSの先頭に@font-faceを挿入します。

      @font-face {
        font-family: 'mplus-1c-light';
        src: url(http://???.?????????.???/?????/mplus-1c-light.eot);
        src: local('☺'),url(http://???.?????????.???/?????/mplus-1c-light.ttf) format('truetype');
      }

      ?の所はフォントファイルの存在する場所となりますが、個人的に作った環境なので伏字にしておきます。
      記述については以下のサイト等を参考にしました。

      http://terkel.jp/archives/2010/05/bulletproof-font-face-smiley-variation/

      続いて、表示用のデフォルトのフォントを変更します。CSS中の、

      div, td {
      font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
      }



      div, td {
      font-family: "mplus-1c-light";
      }

      と書き換えました。

      CSSを更新して表示してみます。

      たしかにフォントが変更されました。(自分の環境でしか確認していませんが)
      | - | 20:44 | comments(0) | trackbacks(0) |
      スポンサーサイト
      0
        | - | 20:44 | - | - |
        コメント
        コメントする









        この記事のトラックバックURL
        http://kaoruniwanote.jugem.jp/trackback/133
        トラックバック