Firefox-字体设置与字体美化教程.pdf
上传人:qw****27 上传时间:2024-09-12 格式:PDF 页数:7 大小:446KB 金币:15 举报 版权申诉
预览加载中,请您耐心等待几秒...

Firefox-字体设置与字体美化教程.pdf

Firefox-字体设置与字体美化教程.pdf

预览

在线预览结束,喜欢就下载吧,查找使用更方便

15 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

这是一篇关于Firefox浏览器字体设置与字体美化的教程。由易至难地介绍了:**使用CSS设置全局字体(包括Firefox软件界面字体)**Firefox字体设置界面的各项功能**Firefox的字体链接机制本文涵盖的内容仅针对Firefox浏览器本身的字体选择原理,并不要求进行诸如替换宋体(Simsun.ttc)和Mactype渲染等。本文的测试环境为Windows7简体中文,Firefox版本为4.0Beta8pre,截图中的字体经过Mactype渲染,系统宋体热替换为XHeiClassical。关键字:字体,Firefox,CSS,语言,about:config,字体链接,fontlink1.使用css设置全局字体Firefox的很多个性化可以通过css脚本来完成,其中我们知道userChrome.css修改的是Firefox程序界面,而userContent.css修改的是网页内容,而这两种方法的语法是相同的:*{font‐family:MyriadPro!important;}*{font‐size:12pt!important;}前一条语句设置的是字体,后一条设置的是大小。设置之后作用于所有的字体,从而Firefox的字体对话框中的设置不再生效。这种设置方式是全局性的,适用于一劳永逸锁定某个字体的用户。不建议锁定字体尺寸,否则很多网页的排版效果会大打折扣。注意到这里使用的是一个拉丁字体MyriadPro,这时,如果要显示中文,则会按照Firefox的字体链接机制来选择合适的中文。如果要强制使用某中文字体,可以*{font‐family:明兰!important;}但也可以使用字体链接的方式,使得英文用MyriadPro,中文用明兰,即*{font‐family:MyriadPro,明兰!important;}2.Firefox字体设置对话框详解Firefox通过字体对话框提供了非常丰富的字体设置,与css相比,这种设置方式的优势非常明显。首先css能做的,字体对话框都能,它能方便地根据不同语言设置不同字体,包括Serif/Sans/Mono字体,设置后点确定立即生效。相比之下,css虽然也能实现,但语法复杂且不直观,更不用说每次修改都需要重启。所以,字体对话框是进一步了解Firefox字体的必由之路。2.1.基本知识网页字体一般分为两大类:比例字体(Proportional)和等宽字体(Monospace)。我们常见的网页字体均是比例字体,等宽字体往往用于网页上代码的显示。另外,这两个概念是针对拉丁字体而言的,中文字体严格说并不宜按此方式分类,但这也不影响Firefox中设置中文字体。比例字体又细分为两类:衬线(Serif)和无衬线(Sans-Serif)。同样这个概念来自说拉丁字体。2.2.高级字体对话框我们先从高级字体对话框开始,因为如果不先介绍它,下面的基本字体设置反而无从说起。点击菜单栏“工具-选项-内容”,在字体和颜色中点“高级”,便打开了Firefox高级字体对话框,如图:1.打开这个界面,首当其冲就得取消①处的勾。↘这个选项清楚地表明,如果勾上,Firefox将根据网页源代码的设定来选择字体,而不采用你的设置。而网页的作者为了保证兼容性,都会采用最保守的字体设置例如Arial/TimesNewRoman等,这绝对不是字体美化爱好者愿意看到的。2.②处的菜单,设定的是字体所作用的语言。事实上Firefox的一大强项就是可以为多种语言单独设置字体。这里我们以Western为例,换句话说,这里设置的字体对网页语言为Western的网页有效。也许有人问“我上哪知道网页用的是什么语言?”这个下文“不同语言单独设置字体”会具体提到。3.上文已讲,比例字体③和等宽字体④是两个大类。如果没有这个概念,我们很可能会把截图理解成4个分类。事实上Serif和Sans-serif是归属于Proportional的。我认为如果Firefox在UI上加上一定的缩进,可以使之更明朗。a)于是我们先看Proportional,这个菜单只有两个选项,Serif和Sans-serif。它直接影响到了网页的主要显示字体。如果这里选择的是Sans-serif,那么网页就按下面Sans-serif菜单中设置的字体来显示,反之亦然。在这个例子中我设置的是Sans-serif,那么网页显示的字体将是AvenirNextOffice,否则就是MinionPro。b)下面就有一个很奇怪的现象出现了:无论是在Serif还是Sans-serif的菜单中,你都会看到同样的字体列表,只是顺序不同。前者把所有Ser