个人博客优化

前两天搜资料的时候发现博客园的设计自由度还挺高的,于是今天申请通过以后就立刻兴冲冲地来捣鼓了。
看到别人说这个和十年前装扮qq空间一样,我觉得哈哈哈哈哈哈哈他说得挺对的。
边写边改叭,我还想有机会做个live2D的看板娘呢。

2020/02/09

  • font-family
  • font-size
  • letter-spacing
  • color
  • a:hover

首先是字体,我搜索了一下css常用的字体,参照这个:css常用font-family
可以看到列表里汉仪的字体并不多,我选择用'华文中宋'和'汉仪新蒂唐朝体',但是唐朝体并没有找到对应的英文名。
这里提供一个方法进行查找:打开汉仪字库官网,搜索汉仪新蒂唐朝体,然后用查看器选中字体预览图片。图片地址上面就能够找到这个字体的英文名。
个人博客优化_第1张图片
然后还调整了字体大小、颜色、字间距。鼠标移动到链接上可以变色。
日历字体默认是Arial,统一成华文中宋,以及改了一下高亮的颜色。
预览一下整体效果:
个人博客优化_第2张图片

body{
    font-family:'STZhongsong';
    font-size: 16px;
}

#header{
    text-align:center;
}

#Header1_HeaderTitle{
    font-size:48px;
    font-family:'SentyTang';
    letter-spacing:15px;
    color: powderblue;
}

a:visited, a:active, a:link{
    color:skyblue;
   font-size:16px;
}
a:hover{
    color:pink;
}

.Cal{
    font-family:'STZhongsong';
}
.CalTitle {
    font-family:'STZhongsong';
    font-size: 16px;
    color:skyblue;
}
.CalTodayDay {
    color:  #c0272775;
}

你可能感兴趣的:(个人博客优化)