你的位置： >
> 教程：Chrome浏览器设置雅黑字体
前几日，升级后用户骂声一片，很多功能失效了，其中就有一项深受用户喜欢的Custom.css自定义失效。在此之前浏览迷曾写过的文章，但此种方法伴随着新版的Chrome浏览器升级已经失效，今天浏览迷就给大家再介绍几种给Chrome、Firefox等浏览器设置雅黑字体的方式。
方法一：通过 MacType 字体渲染软件，设置全局的自定义字体。
MacType 是基于一个日本人的 GDI++ 的开源项目开发的，GDI++可以在 Windows 实现类似苹果 Mac 系统下的字体渲染效果。由于 GDI++ 已经停止了更新，所以国内网友 FlyingSnow 在GDI++ FreeType版本的基础上继续开发，并将它命名为 MacType。并且，MacType 相比 GDI++ 更加容易使用和配置，适合广大初级用户使用。并且使用之后，字体的显示效果优化非常明显，可谓是 Windows 系统字体显示优化的必备神器！
MacType 支持 Windows XP ~ Windows 8.1 等操作系统。开启 MacType 之后，你可以明显看到字体显示后果的大幅提升。
MacType下载地址：
方法二：通过 Stylish 等用户样式管理器的插件，实现字体等自定义。
步骤1：Chrome下载安装 Stylish 扩展程序。
扩展安装地址：
步骤2：点击 Stylish 扩展的选项，选择如下的新建样式：
步骤3：给新样式自定义一个名称，然后将如下的代码拷贝至输入框内：
参考样式代码：
/*三行分别是字体粗细（整百数字），字体样式，字体阴影*/
*{font-weight:500!}
*{font-family: “Microsoft Yahei”, “Microsoft Yahei” ! }
*{text-shadow:0.01em 0.01em 0.01em #999999 !}
/*滚动条*/
::-webkit-scrollbar{width: 6height: 6}
::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6}
::-webkit-scrollbar-thumb:vertical{height: 5background-color: #999999;-webkit-border-radius: 6}
::-webkit-scrollbar-thumb:horizontal{width: 5background-color: #CCCCCC;-webkit-border-radius: 6}
::-webkit-scrollbar {width: 9height: 9}
::-webkit-scrollbar-track-piece {background-color:}
::-webkit-scrollbar-track-piece:no-button {}
::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3}
::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;}
::-webkit-scrollbar-thumb:active {background-color: #666;}
::-webkit-scrollbar-button:vertical { width: 9 }
::-webkit-scrollbar-button:horizontal { width: 9 }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: }
::-webkit-scrollbar-button:vertical:end:increment { background-color: }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: }
body::-webkit-scrollbar-track-piece {background-color:}
/*指向图片绿光*/
img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !-webkit-transition-property: box--webkit-transition-duration: .31s;}
img{-webkit-transition-property: box--webkit-transition-duration: .31s;}
/*输入框美化*/
input { border:#ccc 1 border-radius: 6 -webkit-border-radius: 6-webkit-border-radius: 6}
input[type=”text”]:focus, input[type=”password”]:focus, textarea:focus {border: 2px solid #6FA1D9 !-webkit-box-shadow:0px 0px 5px #6FA1D9 !outline:none}
input[type=”checkbox”]:focus,input[type=”submit”]:focus,input[type=”reset”]:focus, input[type=”radio”]:focus {border: 1px solid #6FA1D9 ! outline:none}
input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3}
body a:hover:active {color: #10bae0;}
body *:focus {outline: 2px solid rgba(16,186,224,0.5) ;outline-offset: 1outline-radius: 2-webkit-outline-radius: 2}
body a:focus {outline-offset: 0}
body button:focus,
body input[type=reset]:focus, body input[type=button]:focus, body input[type=submit]:focus {outline-radius: 2px !-webkit-outline-radius: 2px !}
body textarea:focus, body button:focus, body select:focus, body input:focus {outline-offset: -1px !}
/*淡蓝色样式*/
a{-webkit-transition: all 0.3s ease-}
a:hover{color: #39F !text-shadow:-5px 3px 18px #39F !-webkit-transition: all 0.3s ease-}
*::-webkit-selection {background: #333333 ! color: #00FF00 ! }
/*去除下划线*/
*{text-decoration:none!important}
a:hover{text-decoration:none!important}
/*color: #014A8F;*/
-webkit-transition-property:
-webkit-transition-duration: 0.0s;
/*指向文字加粗*/
/*color: #0000FF ;*/
-webkit-transition-property:
-webkit-transition-duration: 0.0s;
font-weight:bold
/*访问过链接红色*/
a:visited, a:visited *, a:active, a:active * {color: #FF0000 !}
修改完后点击保存，然后刷新下页面看看，是不是已经自定义字体成功了？
转载请注明： &
与本文相关的文章查看: 3239|回复: 19
mactype有办法和chrome一起玩耍吗
64位和32位都试了 已关dw和硬件加速
结果设置都无法正常显示了
换浏览器成本好大 有什么好的解决方法吗...
Chrome渲染方式改了，Mactype是GDI++，Chrome现在应该是DWM，所以暂时没办法吧。
头像被屏蔽
mac下chrome和safari的字体显示效果都不一样怎么破
打开chrome://flags/& & 停用DirectWrite试试
我这怎么还有效啊...
头像被屏蔽
是字体有问题还是渲染有问题？
guanyun9078 发表于
打开chrome://flags/& & 停用DirectWrite试试
停用了啊…用的是xhei热替换
停用了啊…用的是xhei热替换
那不清楚，我的仍有效，版本 38.0.2114.2 dev-m (64-bit)
版本 36.0. m可用
本帖最后由 石丸翼 于
19:31 编辑
版本35可用
mactype+chrome的关键是
1.必须开cleartype
2.不能开热替换，因为渲染机制改了，含有热替换的mactype ini也不能用
如果要换默认宋体，必须用硬替换，win7有字体替换工具
win8以上则需要修改注册表，把默认华文宋体的指向改成你新安装的字体，具体可以百度教程
最后一个支持硬替换的版本应该是这个
XHei-5th.ES-Style.Vision-
我换的是方正兰亭细黑，win7.win8.1实测效果都不错
头像被屏蔽
我这里有用啊
----发送自
版本35可用
mactype+chrome的关键是
1.必须开cleartype
硬替换了还是这样子 有点网站ok有的rp
头像被屏蔽
硬替换了还是这样子 有点网站ok有的rp
重启三回了还是这样…
头像被屏蔽
重启三回了还是这样…
再试试手动清除字体缓存，还不行那就不要替换系统字体了，浏览器里扩展或Custom.css指定网页字体就行
本帖最后由 石丸翼 于
10:30 编辑
硬替换了还是这样子 有点网站ok有的rp
你是什么系统？
贴吧默认是宋体，S1默认不是宋体，应该是微软雅黑，理论上替换宋体不会影响到微软雅黑的
应该是浏览器字体设置或者替换过程出问题了，最好先还原回去
Custom.css这个方法在32以后貌似就已经失效了，新版chrome强制字体显示的话需要stylish的扩展，但是这个扩展的效果比不上硬替换，会有零点几秒的热替换过程（可明显感觉到），我个人觉得是不能忍的
贴个我这边的图
密码: 21pd
hao123默认是宋体硬替换成方正兰亭细黑，S1还是默认微软雅黑。七星浏览器（内核35），DW关闭，win8.1 x64，mactype版本，配置用的是IoF-Beta05或者里的LCD（其他方案都是热替换不能用），注册表加载
发现如果打开一个显示不正常的网页停用再启用mactype就渲染正常了
如果打开一个显示正常的网站停用再启用就还是不对劲
这是什么奇怪问题
发现如果打开一个显示不正常的网页停用再启用mactype就渲染正常了
如果打开一个显示正常的网站停 ...
换注册表加载或者服务加载试试看
换注册表加载或者服务加载试试看
还是那鬼样子...
反正找到刷s1姿势了
|||stage1st
Powered byMactype 文字之美 – 让 Windows 字体更漂亮
Loading...
了解效果后，我们还要知道 Mactype 不光对文本渲染，还支持网页浏览、日常操作以及系统界面等地方（会有部分软件不支持）。
安装 Mactype 后，打开 MacType 用户向导，这里要求你选择几种模式，推荐选择”注册表加载”
下一步，根据文件名选择合适的配置文件，如果不知道选哪个，就多试试选择一个眼镜看起来最舒服的样式，点击完成。你的界面已经被重新渲染了。
针对高级用户，还可以选择启用 “MacType 配置程序” 对每个参数进行自定义设置
用了好久了，现在完全离不开这东西了……貌似是电脑玩物推过的东西。强推，效果好了不是一点半点。
按分类查看文章:
大家都在讨论些什么
: 这东西只对西餐有用: 刷新下页面就好啦: 怎么算上去都和pebble挺像的: 无法搜索mht文件？没找到解决办法。: 个人觉得是鸡肋功能: 看到「GPS 信息来自手机」……就算了……: 为什么我看到这种“智能”产品就想骂街。。。
最热门标签
传说中的小众软件 让你的手机应用与众不同。
个人 blog 转载时请遵循 “署名-非商业性使用-相同方式共享” 的创作共用协议；
商业网站或未授权媒体不得复制本站内容。}