HTML设置字体格式的代码
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}
0条评论