Typecho文章自定义字体CSS

本文最后更新于:3 个月前

CSS代码

后台——外观设置——自定义CSS中填入以下代码

@font-face{
			font-family: 'FZZ';
			src:url('https://cdn.jsdelivr.net/gh/s-cloud-bk/[email protected]/uPic/字魂162号-元气酪酪体.ttf');
		}

.box{
	font-family: 'FZZ';
	font-size: 30px;
}

其中,src部分的url可以换为你想要的字体,FZZ可以替换,但是保证上下名称一样,box也可以换,等会调用的时候需要一起替换

文章代码

在文章输入

!!!
<div align="center">
<p class="box">
有人在大山里起舞<br>
有人在菜地里高歌<br>
有人潜入最深的海底<br>
有人登上最高的山峰<br>
很多人不知道<br>
漠河冬天开水泼出能成雾霜<br>
很多人不知道<br>
乌苏里江大马哈鱼有多香<br>
很多人不知道<br>
新疆哈密瓜地里的姑娘有多漂亮<br>
很多人不知道<br>
曾母暗沙海底有无数宝藏<br>
很多人,一生只在一个地方<br>
有人说带着偏见看世界,才有看待世界的方式<br>
可看待世界,不需要预设任何方式<br>
野花山间无畏盛开,悄无声息<br>
如果它拥有被看见的权利<br>
它也能收获遥远他乡的喜欢<br>
存在即是完美<br>
人与人之间的相互理解、包容、认同<br>
非一日之功,亦非一己之力<br>
可技术的进步给更多人提供了<br>
看见的可能<br>
那些原来沉默的大多数<br>
就可以不沉默<br>
那些原来普通的人<br>
就可以不普通<br>
那些原本平凡的东西<br>
就不再平凡<br>
这,就是看见的力量<br>
向更大的世界开始探索吧<br>
去体验,去感受,去交流,去求证<br>
看看古老手艺如何惊艳时光<br>
看看翩翩少年如何奋发图强<br>
看看耄耋老人如何白头偕老<br>
看看芸芸众生如何逆风飞翔<br>
向所有认真生活的人喊一句<br>
老铁,没毛病!<br>
我们是世间的尘埃<br>
却是自己的英雄!<br>
不要冷漠的走入普通人<br>
每个人都在追求自己的幸福<br>
痛苦的人<br>
总是携带傲慢与偏见<br>
幸福的人<br>
总是多一份宽容与慈悲<br>
不必盼望世界先理解你<br>
你可以尝试先理解世界<br>
君子和而不同<br>
穷则独善其身<br>
达则兼济天下<br>
更广阔的胸襟<br>
装得下更多的趣味、态度和观点<br>
参差百态<br>
才是幸福之源<br>
不要冷漠地走入任何未经检验的生活<br>
要相信生活值得一过<br>
只要你热爱它<br>
如果非要对生活有态度<br>
加油!奥利给!<br>
你比你想象中<br>
更美好<br>
</p>
</div>
!!!

其中,div标签可以省略,这个用来文字对其,p标签通过class引用css代码,注意此处名称需要和css一样,p标签内文字可以替换掉。


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!