html如何添加字体？_IT百科

添加普通字体：比如：font-family:"Times New Roman",Georgia,Serif\x0d\x0a添加自定义特殊字体：\x0d\x0a　第一步\x0d\x0a\x0d\x0a　获取要使用字体的三种文件格式，确保能在主流浏览器中都能正常显示该字体。\x0d\x0a\x0d\x0a.TTF或.OTF，适用于Firefox 3.5、Safari、Opera\x0d\x0a\x0d\x0a.EOT，适用于Internet Explorer 4.0+\x0d\x0a\x0d\x0a.SVG，适用于Chrome、IPhone\x0d\x0a　第二步\x0d\x0a\x0d\x0a获取到三种格式的字体文件后，下一步要在样式表中声明该字体，并在需要的地方使用该字体。\x0d\x0a\x0d\x0a特殊字体声明如下：\x0d\x0a@font-face {\x0d\x0a\x0d\x0afont-family: 'fontNameRegular'\x0d\x0a src: url('fontName.eot')\x0d\x0a src: local('fontName Regular'),\x0d\x0a \x0d\x0alocal('fontName'),\x0d\x0a \x0d\x0aurl('fontName.woff') format('woff'),\x0d\x0a \x0d\x0aurl('fontName.ttf') format('truetype'),\x0d\x0a \x0d\x0aurl('fontName.svg#fontName') format('svg')\x0d\x0a} \x0d\x0a在页面中需要的地方嵌套使用该字体：\x0d\x0ap { font: 13px fontNameRegular, Arial, sans-serif}\x0d\x0ah1{font-family: fontNameRegular}

具体意义如下：

<html> //html标志

<body style="background-color:PowderBlue"> 主体样式 ——背景颜色

owderBlue<h1>Look! Styles and colors</h1> 标题默认H1<p style="font-family:verdanacolor:red"> 段落样式——字体：verdana；颜色：红

This text is in Verdana and red</p> 段落内容<p style="font-family:timescolor:green"> 段落样式——字体：times；颜色：绿

This text is in Times and green</p>段落内容<p style="font-size:30px">This text is 30 pixels high</p> 段落样式——字体大小：30%</body> 主体结束

</html> HTML结束

拓展资料：

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点------就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11810139.html

html如何添加字体？

发表评论

评论列表（0条）