Skip to content

测试vitepress blog theme页面

得益于vitepress的灵活实现方式,可以在文章中配置theme style,来测试各种不同的theme。

测试字体以及颜色

这行字是红色的

这行字是使用vitepress默认的文本颜色

这行字是使用gmail网页端的文本颜色,似乎比vitepress的更黑一些?这一行font weight是300

这行字是使用gmail网页端的文本颜色,这一行font weight是500

这行字是使用gmail网页端的文本颜色,透明度取值是0.1

这行字是使用gmail网页端的文本颜色,透明度取值是0.9

总结

下面几个都会影响字体展示

  • color : 颜色
  • alpha : 透明度 0 ~ 1 之间
  • font weight : 线条粗细,范围从 100 到 900,以 100 的增量递增。
  • size : 字的大小

注意

  • 测试发现:style部分,class名字中不能出现减号

参考