admin管理员组文章数量:1539787
2024年4月30日发(作者：)
这是一篇关于Firefox浏览器字体设置与字体美化的教程。由易至难地介绍了：
** 使用CSS设置全局字体（包括Firefox软件界面字体）
** Firefox字体设置界面的各项功能
** Firefox的字体链接机制
本文涵盖的内容仅针对Firefox浏览器本身的字体选择原理，并不要求进行诸如替换宋体
（）和Mactype渲染等。
本文的测试环境为Windows 7简体中文，Firefox版本为4.0Beta8pre，截图中的字体经过
Mactype渲染，系统宋体热替换为XHei Classical。
关键字：字体, Firefox , CSS, 语言, about:config, 字体链接, font link
1. 使用css设置全局字体
Firefox的很多个性化可以通过css脚本来完成，其中我们知道修改的是
Firefox程序界面，而修改的是网页内容，而这两种方法的语法是相同的：
*{font‐family: Myriad Pro !important;}
*{font‐size: 12pt !important;}
前一条语句设置的是字体，后一条设置的是大小。设置之后作用于所有的字体，从而Firefox
的字体对话框中的设置不再生效。这种设置方式是全局性的，适用于一劳永逸锁定某个字体
的用户。不建议锁定字体尺寸，否则很多网页的排版效果会大打折扣。
注意到这里使用的是一个拉丁字体Myriad Pro，这时，如果要显示中文，则会按照Firefox
的字体链接机制来选择合适的中文。如果要强制使用某中文字体，可以
*{font‐family: 明兰 !important;}
但也可以使用字体链接的方式，使得英文用Myriad Pro，中文用明兰，即
*{font‐family: Myriad Pro, 明兰 !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/Times New Roman等，这绝对不是字体美化爱好者愿意看到的。
2. ②处的菜单，设定的是字体所作用的语言。事实上Firefox的一大强项就是可以为多种
语言单独设置字体。这里我们以Western为例，换句话说，这里设置的字体对网页语
言为Western的网页有效。也许有人问“我上哪知道网页用的是什么语言？”这个下
文“不同语言单独设置字体”会具体提到。
3. 上文已讲，比例字体③和等宽字体④是两个大类。如果没有这个概念，我们很可能会把
截图理解成4个分类。事实上Serif和Sans-serif是归属于Proportional的。我认为如
果Firefox在UI上加上一定的缩进，可以使之更明朗。
a) 于是我们先看Proportional，这个菜单只有两个选项，Serif和Sans-serif。它直
版权声明：本文标题：Firefox-字体设置与字体美化教程 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1714437918a404659.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论