春节博客小彩蛋:贴春联

想着快到春节了,是不是可以做点特别的样式,想到春节其中一件会做的事就是贴春联,于是:

样式简单写了写,或许不是很好看。也还没到该贴春联的时候,不过先「贴」上玩玩。

(感觉可以再贴两个门神 :squinting_face_with_tongue:

加上门神了:

说实话我不太知道是谁,但是我蛮喜欢他们两个的形象,问了一下 Kagi,说是 尉迟敬德秦琼,是唐朝开国名将。


如果你对实现感兴趣:博客春节彩蛋:贴春联

11 个赞

感觉可以用CSS的writing-mode属性实现一个纯文本竖排的版本:writing-mode - CSS:层叠样式表 | MDN

两侧的对联就是用这个属性实现的,还有一些间距相关属性。

我觉得要好看关键是字体和配色,字体有那种写意的草书或行书会更好。

所以有没有大佬可以推荐一些好看的字体,最好可以适用于繁体 :eyes:

我选字体是只白嫖谷狗的,而谷狗的开源字体里面中文书法字体少的可怜,而且缺字严重,稍微生僻点的字就找不到了。我用过的比较好看的行楷字体是青鸟华光,但是简体。我唯一用过不缺字的就只有霞鹜文楷,但是看起来很傻。

或者你可以选择自己手写一份然后用扫描成svg贴上去。

如果我写字好看还真想试试。

除了 Google 的字体,中文字体还可以看看:✨中文网字计划-提供便捷实用的全字符集中文渲染方案

我现在用的是里面的 汇文明朝体 | 在线字体预览测试部署 ,笔画上会一些不连续的地方,看起来会有一点点像毛笔字。

我一般会找一个好看的书法字体然后照猫画葫芦😄