这两项内容不多，干脆并在一起写吧。
w3cshool上有关于js如何使用cookie的介绍
我直接使用了其中的setCookie和getCookie函数，具体说明请点击链接。导航栏里留了个“style-change”换肤按钮（暂时只有两套皮肤）。

$(function () {
    var style = getCookie('style');
    if (style == null) {
        setCookie('style', 0, 30);
    }
    if( style == 0){
        $("#style").attr("href","/stylesheets/style.css");
        ………………
    }else{
        $("#style").attr("href","/stylesheets/style1.css"         ）;
     ……………………}

    $('#style-change').click(function () {
        if(style == 1)
            style = 0;
        else
           ………………
        setCookie('style', style, 30);
        window.location.reload();
    })
});

就是这么简单！

至于在线字体，主要是解决中文字体文件太大（10M+）的问题。推荐个字体网站：
有字库网站
具体怎么用，其说明非常详细，绝对比我说得好，很容易就能看懂。