HTML设置字体格式的代码,第1张

HTML标签:

<b>粗体格式</b>

<i>斜体格式</i>

<small>小字体格式</small>

<font size="2">这一段的字体大小的值是2。</font>

<font fac="arial">这一段的字体是arial。</font>

文字<sub>下标</sub>格式

文字<sup>上标</sup>格式

CSS格式:

#span1 {font-weight:bold; /粗体/<br>font-size:16px;/字体大小/<br>font-family:arial;/字体为arial/<br>color:#ff0000;/颜色红色/<br>background-color:#fffff/背景色白色/<br>}

  添加普通字体:比如:font-family:"Times New Roman",Georgia,Serif;

  添加自定义特殊字体:

 第一步

  获取要使用字体的三种文件格式,确保能在主流浏览器中都能正常显示该字体。

  TTF或OTF,适用于Firefox 35、Safari、Opera

  EOT,适用于Internet Explorer 40+

  SVG,适用于Chrome、IPhone

 第二步

  获取到三种格式的字体文件后,下一步要在样式表中声明该字体,并在需要的地方使用该字体。

  特殊字体声明如下:

  @font-face {

  font-family: 'fontNameRegular';

src: url('fontNameeot');

src: local('fontName Regular'),

local('fontName'),

url('fontNamewoff') format('woff'),

url('fontNamettf') format('truetype'),

url('fontNamesvg#fontName') format('svg');

}

  在页面中需要的地方嵌套使用该字体:

  p { font: 13px fontNameRegular, Arial, sans-serif; }

h1{font-family: fontNameRegular}

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » HTML设置字体格式的代码

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情