ウィリュート

css3でフォント指定

2012

Mon

3/26

ページ内で英字部分を指定フォントで描画したかったので、css3でフォント指定しました。
今更ではあるけど、忘れてたので覚え書き。

@font-face {
font-family: '何でも良い';
src: url('フォントへのパス') format('truetype');
}
.style1[font-family: '何でも良い';]

参照サイトはコチラ
http://thinkit.co.jp/story/2011/08/18/2233

WEBサイトの利便性向上などの為に、jquery（jquery.min.js）を使う機会が増えてきた。
特によく使うのが、コンテンツスライダー系のもの。
例えば、
　http://do-web.com/jcontent/overview
　http://www.kara-full.com/hibi/etc/110606_touchswipeslider.html
等など。
aタグに#（ハッシュタグ？）を付けて動かしてるんだろうけど、これが
スムーススクロールしたい時の『#』と処理が被ってるからなのか何なのかわからないけど、
どちらも機能しない『場合』があったりする。
そういう時は、『#』だけじゃなくて、id名・クラス名まで指定してあげれば動きます。

・・・当たり前か。

<body id="何でも良い">

<a href="#何でも良い">ページの先頭へ</a>

<script type="text/javascript">
var $anchors = $(" a[href^='#何でも良い']");
var $doc     = $($.browser.safari ? 'body' : 'html');
var speed    = 600;
         
$anchors.each(function(){
    var $anchor   = $(this);
    var anchorID  = $anchor.attr("href");
    var $target   = $(anchorID);
             
    $anchor.click(function(e){
        var targetPositionTop = $target.offset().top;
         
        $doc.stop().animate({
            scrollTop: targetPositionTop
        },
        {
            duration : speed
        });
         
        return false;
    });
});
</script>