转载自 老蘑菇 & Sakura主题页面模版及样式美化 Sakura主题美化第六弹 喜欢本文章还请去原作者博客里浏览留言,在此再次感谢 老蘑菇 大佬!

全站字体替换

中文字体包挺大的,加载比较慢,不太推荐修改,本站用的是站酷快乐体

先选择一个你喜欢的字体下载他的TTF字体包(超过3M的我不建议你用它),用字客网转下格式(eot、woff、ttf、svg)

然后按如下CSS引用你的字体包,放到主题根目录的 style.css 文件里


/* 全站字体样式 8262、8285、8290行+'zhanku', | 7881行+font-family: Noto Serif SC;*/
@font-face {
    font-family: "zhanku";
    src: url("https://cdn.jsdelivr.net/gh/Fog-Forest/cdn@2.0.1/Sakura/fonts/zhanku/zhanku.eot"); /* IE9 */
    src: url("https://cdn.jsdelivr.net/gh/Fog-Forest/cdn@2.0.1/Sakura/fonts/zhanku/zhanku.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */  
    url("https://cdn.jsdelivr.net/gh/Fog-Forest/cdn@2.0.1/Sakura/fonts/zhanku/zhanku.woff") format("woff"), /* chrome、firefox */
    url("https://cdn.jsdelivr.net/gh/Fog-Forest/cdn@2.0.1/Sakura/fonts/zhanku/zhanku.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("https://cdn.jsdelivr.net/gh/Fog-Forest/cdn@2.0.1/Sakura/fonts/zhanku/zhanku.svg#zhanku") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

最后主题根目录的 style.css 文件,大概第7881行、8262行、8285行、8290行,在前面加入你的字体,如下


/*L7881*/    大概位置,我用的是樱花二次开发主题Sakurairo,不符合,不是的话建议ctl+f
.top-feature-row {
    width: 100%;
    height: auto;
    font-family: Noto Serif SC;/*这边用原来字体主要是怕聚焦图错位*/
    margin-top: 55px
}
/*L8262移动端字体*/
.chinese-font {
    font-family: 'zhanku', 'Merriweather Sans', Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif
}
/*L8285*/
.serif {
    font-family: 'zhanku', 'Noto Serif SC', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, 'PT Serif', 'SongTi SC', 'MicroSoft Yahei', Georgia, serif
}
/*L8290移动端字体*/
@media (max-width:860px) {
    .serif {
        font-family: 'zhanku', 'Merriweather Sans', Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif
    }
}

网站底部添加网站运行时间代码

  • 1.直接粘贴代码(一般放到 html 的 </body> 标签之前),Date("10/11/2017 7:00:00") 改成自己要的时间 (位置 在footer.php body标签结束之前插入)

<script type="text/javascript">
    function show_runtime() {
        window.setTimeout("show_runtime()", 1000);
        X = new Date("10/11/2017 7:00:00");
        Y = new Date();
        T = (Y.getTime() - X.getTime());
        M = 24 * 60 * 60 * 1000;
        a = T / M;
        A = Math.floor(a);
        b = (a - A) * 24;
        B = Math.floor(b);
        c = (b - B) * 60;
        C = Math.floor((b - B) * 60);
        D = Math.floor((c - C) * 60);
        runtime_span.innerHTML = "网站在各种灾难中运行了: " + A + "天" + B + "小时" + C + "分" + D + "秒"
    }
    show_runtime();
</script>
  • 2.在哪个地方显示就贴下下面的代码(一般在footer)按自己喜好,不一定要和我一样,不过要在footer里面才行
<span id="runtime_span"></span>