试试下面的:
HTML:
<h2>吉林民政厅厅长致辞</h2><p>
热烈欢迎XXXX网站。
</p>
<p>
这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。
</p>
<p>
热烈欢迎XXXX网站。欢迎XXXX网站。欢迎XXXX网站。
</p>
<p>
热烈欢迎XXXXX网站。
</p>
<p class="footer">
吉林省民政厅厅长:<span>郑国君</span>
</p>
CSS:
*{margin:0padding:10px}/*这里是初始化,如果已经有,请删除*/h2{font-size:20pxtext-align:centercolor:red}
body{font-size:12pxbackground:#fff}
p{line-height:30pxtext-indent:2em}
.footer{text-align:right}
.footer span{font-size:16pxfont-family:'楷体'font-weight:bold}
特殊字体一般不是说不能添加,而是考虑到用户电脑上预装的字体有限,所以局限在宋体和微软雅黑两种字体,css属性中有个font属性,例如{font-family:"迷你简菱心"},在装过这个字体的的电脑会有效果,但是再没有装过的电脑可能就是其它字体了,一般会解析为宋体,问题解决一般由两种解决方案。第一:css3下载字体,代码如下
@font-face
{
font-family:
'自己命名字体名字'
src:
url('字体路径')
src:
url('FileName.eot?#iefix')
format('embedded-opentype'),
/*其它格式*/
url('FileName.woff')
format('woff'),
url('FileName.ttf')
format('truetype'),
url('FileName.svg#FontName')
format('svg')
font-style:
normal
font-weight:
normal
/*设置默认样式*/
}
.aa{font-family:"自己命名字体名字"}
不兼容ie8及以下浏览器
第二:切png图片