首页 > 代码库 > 关于文字的常用样式css

关于文字的常用样式css

文章摘自:http://blog.csdn.net/cicada_slough/article/details/43305303

文字斜体
p.italic {font-style:italic}
p.oblique {font-style:oblique}


letter-spacing  文字间距
text-indent:2em  首行缩进当前文字两个单位


FontsQuirrel 字体在线转换网址
.TTF或.OTF,适用于Firefox?3.5、Safari、Opera???
.EOT,适用于Internet?Explorer?4.0+???
.SVG,适用于Chrome、IPhone


/*CSS中植入字体*/
@font-face?{
font-family:?‘fontNameRegular‘;??
src:?url(‘fontName.eot‘);?
src:?local(‘fontName?Regular‘),?
     local(‘fontName‘),?
url(‘fontName.woff‘)?format(‘woff‘),
url(‘fontName.ttf‘)?format(‘truetype‘),?
url(‘fontName.svg#fontName‘)?format(‘svg‘);?}?
/*其中fontName替换为你的字体名称*/


/*CSS中调用字体*/
p?{?font:?13px?fontNameRegular,?Arial,?sans-serif;?}?h1{font-family:?fontNameRegular}


/*文字左右对齐*/
常用的css文字对齐方式:
text-align:center; 文字居中对齐
text-align:left;      文字左对齐
text-align:right;    文字右对齐
HTML常用的:
<p align="right">文字居右</p>
<p align="left">文字居左</p>
<p align="center">文字居中</p>


/*文字与下划线之间的距离*/
padding-bottom:?px;

关于文字的常用样式css