方法还是 F12 Mashiro大佬博客的,和大佬博客展示的一毛一样 (:зゝ∠)用了 CSS自定义字体 + 大佬博客爬到的CSS ,Mashiro大佬用的字体包只有 “樱花庄的白猫” 这几个字,所以字体包只能自己百度喜欢的啦(注意版权问题哦)!
1.首先找到一款你想要的字体,我这里用的萝莉小猫咪体。由于中文字体包都很大不利于WEB环境,这里我们需要使用 Fontmin,从字体包里提取出我们要使用的首先找到一款你想要的字体,我这里用的萝莉小猫咪体。由于中文字体包都很大不利于WEB环境,这里我们需要使用 Fontmin,从字体包里提取出我们要使用的字体。 [btn href="https://blog.slienca.top/go/aHR0cHM6Ly9lY29tZmUuZ2l0aHViLmlvL2ZvbnRtaW4vI2FwcA" type="default"]下载Fontmin客户端[/btn] 和你要用的字体包。
2.生成完成后会有个文件夹,将文件夹复制到 /usr/themes/Cuteen/static/font 目录下,文件夹重命名为你自己想要的名字,这里我用的是 LOGO
3.打开后台-外观-设置外观-自定义设置-复制代码粘贴至 头部自定义内容 引用上面文件里的 miao.css 文件
<link rel="stylesheet" type="text/css" href="/usr/themes/Cuteen/static/font/LOGO/miao.css">
4.在/usr/themes/Cuteen/base中,打开navbar.php文件将第13行的代码删除掉,并添加以下代码
<li class="navbar-nav">
<span class="logolink miao">
<a href="https://qrj.hk/">
<span class="sakuraso">J</span>
<span class="no">の</span>
<span class="shironeko">故事</span>
<i class="up-new"style="display:inline-block;vertical-align: middle;height: 35px;">
</i>
</a>
</span>
</li>
5.打开后台-外观-设置外观-自定义设置-复制代码粘贴至自定义Css样式
.miao {
font-family: 'miao', 'Merriweather Sans', Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
}
.logolink .sakuraso {
background-color: rgba(255, 255, 255, .5);
border-radius: 5px;
color: #464646;
height: auto;
line-height: 25px;
margin-right: 0;
padding-bottom: 0px;
padding-top: 1px;
text-size-adjust: 100%;
width: auto;
}
.logolink a:hover .sakuraso {
background-color: orange;
color: #fff;
}
.logolink a:hover .shironeko{
color: orange;
}
.logolink.miao a {
color: #464646;
float: left;
font-size: 25px;
font-weight: 800;
line-height: 56px;
padding-left: 6px;
padding-right: 15px;
text-decoration-line: none;
}
.logolink.miao .sakuraso,.logolink.miao .no {
font-size: 25px;
border-radius: 9px;
padding-bottom: 2px;
padding-top: 5px;
}
.logolink.miao .no {
display: inline-block;
margin-left: 5px;
}
.logolink a:hover .no {
color: orange;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
.up-new {
padding-right: 30px;
padding-bottom: 5px;
background: url(https://xxx.png) no-repeat;
}