全局雅黑和网页特殊字体图标河蟹共处的完整解决方案！

simplelam 2014-09-14

展开全文

本帖最后由 samtogo 于 2014-1-24 10:39 编辑

这个帖子能解决在强制使用雅黑之后，导致某些使用了特殊字体作为图标的网站导致无法正常显示的问题。

比如：
土豆网的播放器下面图标：
错误：

正常：

淘宝网首页：
错误：

正常：

为了解决这个问题这里有两个方法：

方法1（使用@font-face尽量替换非特殊字体为雅黑）：
这个方法分两个步骤：

步骤1（让没有使用CSS明确指定字体的网页默认显示为“微软雅黑”）：

选项》内容》点击“高级”按钮会打开一个新的对话框，关键部分设置成如图下：

步骤2（让使用了CSS明确指定了字体的网页，将指定字体替换成“微软雅黑”）：

这里有两种方法，选择使用其中一种就行了：

1.安装扩展Stylish https://addons.mozilla.org/zh-cn/firefox/addon/stylish/，然后随便新建一个样式，将下列内容复制进去：

@-moz-document regexp('.*'){
/*
*chrome 必须中英文字体名都写上，否则识别不了，不需要特别声明粗体
*firefox 必须声明粗体，并且粗体需要后声明
*/
/* 替换常见中文字体 */
@font-face {
font-family: '宋体';
src: local('Microsoft YaHei');
}
@font-face {
font-family: '宋体';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'SimSun';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'SimSun';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: '新宋体';
src: local('Microsoft YaHei');
}
@font-face {
font-family: '新宋体';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'NSimSun';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'NSimSun';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: '黑体';
src: local('Microsoft YaHei');
}
@font-face {
font-family: '黑体';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'SimHei';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'SimHei';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: '细明体';
src: local('Microsoft YaHei');
}
@font-face {
font-family: '细明体';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'MingLiU';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'MingLiU';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: '新细明体';
src: local('Microsoft YaHei');
}
@font-face {
font-family: '新细明体';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'PMingLiU';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'PMingLiU';
src: local('Microsoft YaHei blod');
}
/* 替换常见英文字体 */
@font-face {
font-family: 'Arial';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'Arial';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'Verdana';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'Verdana';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'Tahoma';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'Tahoma';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'Segoe UI';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'Segoe UI';
src: local('Microsoft YaHei blod');
}
@font-face {
font-family: 'Times New Roman';
src: local('Microsoft YaHei');
}
@font-face {
font-family: 'Times New Roman';
src: local('Microsoft YaHei blod');
}
/*替换常用日语字体*/
@font-face {
font-family: 'MS PGothic';
src: local('Meiryo');
}
@font-face {
font-family: 'ＭＳＰゴシック';
src: local('Meiryo');
}
}

复制代码

2.打开火狐的配置目录，然后找到chrome/userContent.css文件，如果没有这个文件新建一个叫“userContent.css”的文件，将上面的代码除第一个“{”所在行和最后一个“}”所在行，复制进这个文件，然后保存，重启firefox即可看到效果。

方法2（暴力强制雅黑之后，然后特殊站点特殊设置一下）：

这个方法只能使用stylish扩展来实现：