首页 > 代码库 > 关于文字的常用样式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