Handsome主题美化记录（二）

自定义字体

代码放在自定义输出head 头部的HTML代码

<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.liuyue.net/assets/lxgw-wenkai-webfont@1.7.0/lxgwwenkai-regular.css">
    <style>
        /* 全局字体设置 */
        * {
            font-family: 'LXGW WenKai';
            font-weight: bold;
        }

        body {
            font-family: 'LXGW WenKai';
        }

        /* 手机端隐藏图标（屏幕宽度≤768px） */
        @media (max-width: 768px) {
            .icon-container img {
                display: none !important; /* 强制隐藏图标 */
            }
        }

        /* 电脑端默认显示图标及样式 */
        .icon-container {
            display: flex;
            align-items: center;
        }

        .icon-container img {
            display: block;
            margin-right: 5px; /* 图标与文字间距 */
            vertical-align: middle; /* 垂直居中对齐 */
        }
    </style>

推荐字体网站：释放字体自由 - ZeoSeven Fonts

自定义输出body 尾部的HTML代码

<!-- 时间流逝 -->

<script src="https://flowmoon.cn/usr/themes/handsome/assets/js/timeinfo.js"></script>