html行间距1.8em,雅黑字体下WordPress 行高与字符间距最佳实践：1.8em与0.06em

最近看一下网站的流量统计，发现有几个关键词是一直有很多流量进来的，一个是Win8操作系统的BCD启动项修复解决方案，一个是WordPress程序修改行间距、段落间距的办法。看来WordPress新入门的玩家仍然有不少，毕竟是世界上使用人数最多的博客程序，一些比较基础的调整方法自然就是刚需了。

对于WordPress调整行间距和段落间距的方法，我在这里再说一次，利用Firefox火狐浏览器或者Chrome谷歌浏览器很容易调整和测试这些视觉效果。方法就是在你需要调整的地方点击鼠标右键——查看元素，找到当前内容所在标签和上一级标签。

以我的网站为例，在正文的一段文字当中点击鼠标右键——查看元素，就可以发现当前标签是

段落标签，而上一级标签是

。我们需要的正是这个，这是CSS的选择器，微调视觉效果就需要用到。

因为Windows平台下好的字体实在是太少了，现在感觉Linux下的文泉驿都要比微软雅黑强很多，因为雅黑字体总给人一种被压扁的感觉，实际上也确实是被压扁了。这样的形状让雅黑字体在字符间距(letter-spacing)比较小的情况下很难看，挤作一团，而宋体则稍好一点，字符间距为0的状态下也稍稍能看。

OK，下面就是一些具体方法，//后的是注释，添加的时候可以去掉。以我的网站为例：

.entry-content { //标签中是class=""的就使用点，如.entry；是id=""的就用#，比如#entry

font-family: "Microsoft YaHei", Helvetica, Serif, Verdana; //选择字体

font-size: 16px; //设置字体大小

line-height: 1.8em; //设定行高，这里是1.8倍字体大小

letter-spacing: 0.06em; //设定字符间距(字母之间、汉字之间距离)，这里是字体大小的0.06倍

}

.entry-content p {

margin:20px 0 0 0; //段落间距，p就是段落标签，margin后分别是上、右、下、左的间距，我只设上间距

}

.entry-content{//标签中是class=""的就使用点，如.entry；是id=""的就用#，比如#entry

font-family:"Microsoft YaHei",Helvetica,Serif,Verdana;//选择字体

font-size:16px;//设置字体大小

line-height:1.8em;//设定行高，这里是1.8倍字体大小

letter-spacing:0.06em;//设定字符间距(字母之间、汉字之间距离)，这里是字体大小的0.06倍

}

.entry-contentp{

margin:20px000;//段落间距，p就是段落标签，margin后分别是上、右、下、左的间距，我只设上间距

}

差不多就是这意思了，稍微有点HTML和CSS基础的人都知道是什么意思了。要是还看不懂，可以留言来交流，我每天清查一次评论。比较着急的也可以到微博上与我交流，我的微博： @科技小玩意儿，欢迎WordPress博主们。

浏览:

280

解决XP下使用雅黑字体韩文无法显示的问题
平时使用很多模拟Vista的美化软件,这些软件能够把系统字体由宋体变成雅黑--很漂亮的字体,但问题也随之而来,个別字符,特别是韩文,在系统中显示为方框,换回宋体又可以显示,那么问题出在雅黑,雅黑字体本 ...
html微软雅黑字体模糊,如何解决WinXP下微软雅黑字体不清晰的问题
不少WinXP用户在浏览网页时使用的是微软雅黑字体,有时候微软雅黑字体莫名其妙的变得不清晰了,而你又不想切换其它字体,那该怎么办呢?其实我们可以通过WinXP自带的cttune.cpl文档来修复模糊的 ...
python微软雅黑字体_win10+python3.7下matplotlib显示中文，可使用微软雅黑.md
win10+python3.7下matplotlib显示中文,可使用微软雅黑和思源黑体更新时间20200109 网上很多教程,基本上都没用有效解决win10下matplotlib显示中文雅黑的问题, ...
Windows下的Gvim使用微软雅黑字体
配置步骤: Gvim 7.2 ftp://ftp.vim.org/pub/vim/pc/gvim72.exe 下载后执行安装. ClearType : http://download.microsof ...
Linux下安装宋体以及微软雅黑字体-转PDF后不显示中文，以及中文乱码
PS:转PDF后不显示中文,以及中文乱码. 1.检查字体是否已经安装: fc-list ----------检查所有已有的字体 fc-list :lang=zh ...
怎样在xp下用上雅黑字体
自从vista之后,windows系统的默认字体变成了更加美观的微软雅黑字体.然而,xp系统至今仍拥有大批的用户,他们也因种种理由没有升级自己的系统,但这并不代表xp上就不能用上雅黑字体.下面讲讲怎么 ...
linux下安装雅黑字体
2019独角兽企业重金招聘Python工程师标准>>> 安装雅黑字体雅黑字体文件在Vista中放在$WINDOWS/fonts/msyh.ttf,网上也可以很容易获得. a.得到字 ...
mac微软雅黑字体_【字体字重】常见设计稿字体对应字重
总结如下: Font-weight就是字形的重量,就是粗不粗.在和程序员对接设计的过程中,发现前端大佬很多该加粗的地方都没有加粗,由此顺藤摸瓜,发现前端大佬们在看标注时,都不知道Pingfang的me ...
mac微软雅黑字体_“微软雅黑”有坑，小编向你推荐免费的开源字体
今日,某公司实习生使用"微软雅黑"字体,被方正公司投诉.该公司宣称:公司损失达到2800万. 可能有些人有疑惑,"微软雅黑"不该是免费的么!今天,小编就来科普一 ...

html行间距1.8em,雅黑字体下WordPress 行高与字符间距最佳实践：1.8em与0.06em

html行间距1.8em,雅黑字体下WordPress 行高与字符间距最佳实践：1.8em与0.06em相关推荐

最新文章

热门文章