‘壹’ 网页设计中最常用的字体有哪些
根据特定的内容选择合适的字体
‘贰’ web开发中怎么引用woff字体
WOFF是万维网联盟（W3C）推荐的一种网页字体格式，它能同时兼容包括最新版的IE、火狐、谷歌、苹果以及Opera等众多浏览器。网页字体使得网站相关人员可以建立以网站为基础的一些应用，比如条码、MICR和OCR等而不需要在终端机器上安装相关字体。而由于条码字体的灵活性，其在网页中的使用频率更加频繁。
IDAutomation旗下的条码字体包都包括WOFF字体格式，同时还包括EOT和SVG字体以兼容老版的浏览器。如何将这些条码字体使用到网页里面去？首先需要注意的一点是：网页字体在用户浏览网页时自动下载，当其离开网页后又自动丢弃，所以这些字体不能用作其他任何用途。下面就教大家如何在HTML里使用WOFF条码字体格式：
把字体上传到你的CSS文件夹里或者是相同的目录下。包括IE、火狐在内的大多数浏览器都要求字体所在的域名是他们所托管的。
在CSS @font-face declaration里用完整的URL对应具体的字体文件的形式来定义字体，如下：
<STYLE TYPE="text/css"> <!-- /* include the idautomation.com Code39 WOFF Font -- */ @font-face { font-family: IDAutomationHC39M; src: url(http://www.idautomation.com/barcode-fonts/woff-web-fonts/IDAutomationHC39M.woff); } --> </STYLE>
引用字体：<font face="IDAutomationHC39M">(WOFF-FONT)</font>
实施域名限制，字体在浏览器里出现。
‘叁’ web网页如何使用特殊字体
需要将特殊字体下载下来，放到网站目录中，然后在css样式表中引入字体
一般的特殊字体文件是.ttf、.eot、.svg结尾的
比如glyphicons-halflings-regular.ttf
然后在css样式表中引入字体
@font-face {
font-family: 'Glyphicons Halflings'; /*字体的名字*/
src: url('glyphicons-halflings-regular.ttf') format('truetype'); /*字体文件的路径*/
}
在样式表中定义特殊字体的名字和符号对应，比如
.glyphicon-plus {
content: "\2b";
}
在页面上显示，可以写<i class="glyphicon-plus"></i>就可以了
通常特殊字体文件和css是配套的，不然自己去写名字和符号的对应太麻烦
‘肆’ 网页上常见的字体是什么字体
字体在网站中扮演了相对重要的一个角色，所以在网站中，选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的8款字体。
都知道，字体主要分为称线字和无称线字。其实细分的话还有等宽字体、梦幻字体和花体字。但今天我们主要针对常用的称线字和非称线字来讲。
称线字和非称线字的区别可以看下图：
可以看到左边的中文和英文字属于称线字，右边中文和英文属于非称线字。称线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。比如我们常用的宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。非称线字也叫无称线字，无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅黑。
称线字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，非称线字则比较醒目。所以，在使用的过程中需要根据网站的定位而选择相应的字体。
下面简单给大家介绍网页中常用的几种字体：
1、微软雅黑
Vista之后新引入的字体，这个字体的使用率不用说了，可以说是web里面最安全的一个字体。字体方正、简洁，被广泛使用。
上海大众这个网站默认的首选字体就是微软雅黑，整体比较简洁。
2、黑体
黑体字和微软雅黑差不多，作为非称线字中的一种，一样具备方正、简洁、醒目的特点。这样的字体特别适合当标题。其实黑体在使用上没有微软雅黑来得清晰明亮，一般在微软雅黑和黑体的选择下，个人更倾向微软雅黑。
佳能的官网默认首选的字体就是黑体，字体简洁醒目。
3、华文细黑
华文细黑是Mac下的默认中文，这套字体跟前面的微软雅黑相比较，更显绢细、秀气。笔划细节比微软雅黑处理的多一些，所以整体给人比较精致的感觉。注意一下，华文细黑并不是所有电脑的自带字体，当网站文字用到这个字体的时候，是需要在自己电脑上下载这套字体的。除此，在写css代码的时候，font-family应该设置的选择性多一下，以保证界面打开的最佳效果。
这个字体就不给大家做展示效果了，因为这个不是系统的默认字体，电脑上没有安装这个字体的也看不到网页的原始效果。
4、中易宋体
前面介绍的三款字体都是非称线字，接着要介绍的是称线字体——中易宋体，简称宋体。宋体在我们的日常中使用范围也很广，这是电脑自带的其中一种字体。宋体是为适应印刷术而出现的一种汉字字体。笔划有粗细变化，常用于书籍、杂志、报纸印刷的正文排版，所以在大篇幅文章的设计时，可以采用宋体。这个字体是Windows系统下最常见的字体，小字体点阵，大字体TrueType。大标题显示时字体不是很好看，所以一般不建议用宋体来当标题。
上海汉路律师事务所的网站就是采用了宋体字，这种字体的选择一般出现在一些个性比较强的网站中，传统、专业、公正、官方、权威，宋体就表现了这种特点。
5、 Arial
说到Arial，这套字体是微软公司网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，所以一般可以考虑用Tahoma字体来替代。这套字体方正、不花巧、方便阅读和印刷清晰。使用范围也是特别的广泛。但是要知道的是，苹果系统下是没有这套字体的，苹果系统下默认的是Helvetica。
可以看下禅道项目管理软件的英文网站，幻灯片采用的字体就是Arial，可以看下这套字体在幻灯片下粗细的组合形态。
6、Tahoma
Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，是种非常圆滑的字体。这个字体和中文混排显示时，不会出现中英文不对齐的状态。这套字体解决了Arial大写“I”与小写“l”难以分辨的问题。也相当于在Arial上优化了不少。除此，细看这套字体，可以发现其实在一些笔划的处理上还是很精致的。
zui前端框架网站，英文字体的设置上也用到了这个字体，虽然不是第一优先选择，但是可以看出Tahoma这套字体的使用率也是很高的。
7、Helvetica
说到Helvetica这套字体，应该是设计师们的最爱了吧。这套字体属于 Realist风格，拥有简洁现代的线条，受到大部分设计师的追捧。这种字体给人一种简单、现代化、休闲轻松的感觉。适用于扁平化设计，也适合搭配任何设计项目，包括banner、平面设计以及网页字体等。在Mac下面被认为是最佳的网页字体，但在Windows下由于Hinting的原因显示很糟糕。
这个字体主要体现在苹果官网上，可以看下美国的官网。
8、Georgia
说到英文的称线字，肯定首选是Georgia。这套字体笔划粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还不错。此种字体风格优雅又精致，可用于电影海报、游戏、时尚类网页设计中。
林肯的官网，Georgia是官网的第二优先选择显示的字体。网站比较现代，在一些幻灯片当中结合了Georgia字体，称线字和非称线字的相结合，可以使得整个网站更生动。
在专业的网页设计里，除了Banner图、广告语等特殊情况可能会用到特殊字体，网页中使用的字体以不超过2种为准，并且最好采用标准字体，比如中文的宋体、微软雅黑，英文的Arial、Helvetica。只有使用这些系统自带的字体，才能让前端开发人员在排版时高程度地还原设计稿的文字效果。倘若使用了特殊字体，在设计font-family的时候，应该多设置几种字体的优先顺序，以确保网页显示的最佳效果。当然，我们一般情况下建议使用系统自带的字体。
以上8种网站中常用的字体介绍和示例，希望可以对大家有所帮助。
‘伍’ web字体包怎么用
我在网页中用过微软雅黑
说实话没有用
因为到浏览器端都会变成宋体了
‘陆’ 字体库打包下载,字体库下载的网站
saiban,选择你手机的型号下载，有些兼容不好，可能与系统冲突导致开机慢和系统崩溃，去下载版主亲测得，
‘柒’ web font怎么使用中文网页字体
1、在Web编码中，CSS默认应用的Web字体是有限的，虽然在新版本的CSS3，我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。
浏览器中展示网页文字内容时，文字字体都会按照设计师在css中定义的字体族的顺序来进行显示。什么是字体族？字体族就是你在css代码中看到“font-family”的代码内的一类字体名称，例如下面这行代码：
font-family:"Comic Sans MS","幼圆","黑体",sans-serif;
按照W3C标准，浏览器在解析一行代码时首先会在系统中查找Comic Sans MS字体，如果系统内存在这个字体那么浏览器就会使用Comic Sans MS字体，如果没有的话就接着查找幼圆字体，以此类推直到浏览器可以表达系统存在的字体为止。
注意了，“sans-serif”不是某个字体的名称，而是一种在前面叙述的字体都无效时而最终选用的字体，称为浏览器通用字体，它取决于你所用的浏览器默认的通用字体是什么，可能是“Arial”，也有可能是“Helvetica”。
2、网页常用字体通常分为5类：serif(衬线)、sans-serif(无衬线)、monospace(等宽)、fantasy(梦幻)、cuisive(草体)，这些通用的名称允许用户代理从相应集合中选择一款字体。
serif 字体在字符笔画末端有叫做衬线的小细节，这些细节在大写字母中特别明显。
sans-serif 字体在字符笔画末端没有任何细节，与serif字体相比，他们的外形更简单。
monospace 字体，每个字母的宽度相等，通常用于计算机相关书籍中排版代码块。
fantasy 和 cuisive 字体在浏览器中不常用，在各个浏览器中有明显的差异。
3、网页常用字体
Sans-serif:
Helvetica: 被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。
Arial: Helvetica的“克隆”，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常
Lucida Family: Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。
Verdana: 专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。
Tahoma: 也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。
Trebuchet MS: 为微软设计的一个humanist风格字体，个人觉得个性太过突出，用得不好会不搭。
Serif：
Georgia: 基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。
Times: Times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文，被骂得很惨之后换成了Georgia。
中文：
宋体：Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。
微软雅黑：Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。
华文细黑：Mac下的默认中文。
4、写个小demo，在各种浏览上测试了一下，各种浏览器对这个字体的解析还是有差异的。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>font</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="author" content="@my_programmer">
<style type="text/css">
/*重置{*/
*{ padding:0;margin:0;} img{border:0;} li{list-style:none;}
/*}重置*/
div{font-size:1.2em;}
</style>
</head>
<body>
<br/>
--网页字体通常分为5类--
<div style="font-family: sans-serif;">你好 hello world sans-serif(无衬线) </div>
<div style="font-family: serif;">你好 hello world serif(衬线) </div>
<div style="font-family: monospace;">你好 hello world monospace(等宽) </div>
<div style="font-family: fantasy;">你好 hello world fantasy(梦幻) </div>
<div style="font-family: cuisive;">你好 hello world cuisive(草体) </div>
<br/>
--无衬线类--
<div style="font-family: Helvetica, sans-serif;">你好 hello world Helvetica </div>
<div style="font-family: Arial, sans-serif;">你好 hello world Arial </div>
<div style="font-family: 'Lucida Grande', sans-serif;">你好 hello world Lucida Grande </div>
<div style="font-family: Verdana,sans-serif;">你好 hello world Verdana </div>
<div style="font-family: Tahoma, sans-serif;">你好 hello world Tahoma </div>
<div style="font-family: 'Trebuchet MS', sans-serif;">你好 hello world Trebuchet MS </div>
<br/>
--衬线类--
<div style="font-family: Georgia, serif;">你好 hello world Georgia </div>
<div style="font-family: Times, serif;">你好 hello world Times </div>
<br/>
--中文字体--
<div style="font-family: 宋体">你好 hello world 宋体 </div>
<div style="font-family: 微软雅黑">你好 hello world 微软雅黑 </div>
<div style="font-family: 华文细黑">你好 hello world 华文细黑 </div>
<div style="font-family: 黑体">你好 hello world 黑体 </div>
</body>
</html>
‘捌’ 求一个网页制作的字体包下载，谢谢
这个你应该网络搜索 站长字体 那边可以预览字体效果 看到自己喜欢的才下载。
链接是 font.chinaz.com 希望能帮助到你
‘玖’ 有什么网站的字体库下载是免费的
找字体库下载吗?
笔秀网的字体库里有下载,楼主可以到字体库下载字体
http://www.penshow.cn/