分享目前的WordPress主题行高、字间距设置

很久没上来写东西了,今天进后台更新WordPress和插件,发现近期很多搜索流量是搜索段落间距、行高、字间距等CSS样式进来的。反正也不是什么秘密,这里把自定义CSS代码分享一下吧,简单的说和我之前在一篇文章里总结的一样。对于微软雅黑字体,16px的字体大小和1.8em的行高是比较耐看的,段落间距要稍大于前者。字间距则看自己的审美,我在各种数值之间来回修改之后,觉得0.06em是比较符合我个人阅读习惯的。

另外,目前用的主题叫Editor,好像四年时间没更换了,作者已经停止更新了,我自己补充了一些汉化和PHP函数改写。如果你喜欢这个样式,直接到WordPress主题商店下载就好了,汉化不全的话,可以下一个PO编辑工具自己汉化然后替换。

h1 {
  font-size: 32px; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 24px; }

blockquote {
  font-family: "Microsoft YaHei","Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  margin: 1em 0 1em 3em;
  padding: 20px;
  background:#eee;
  border-radius:10px; }

.entry-title {
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px; }

.entry-content p {
  font-size: 16px;
  font-family: "Microsoft YaHei", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.06em;
  line-height: 2.0em; 
 margin-bottom: 1.8em;}

.entry-content ul, ol {
  margin: 1em 0 1em 3em;
  padding: 20px;
  border-radius: 5px;
  font-size:14px; }

发表评论

电子邮件地址不会被公开。 必填项已用*标注