Bruce 发表于 2015-10-29 10:21:22

教你使用Stylish打造网页最佳字体,兼容图库字体集


本帖最后由 Simple :) 于 2015-5-28 09:38 编辑

95%字体图库兼容性,强烈建议使用:

傲游自身的网页字体自定义会引发字体图库显示为方块异常。既然无法修改程序来实现我对显示字体的需要,那么让Stylish来间接地实现吧,目前无法100%地强制所有的网站,但是能够保持95%以上的页面兼容与字体库文件兼容。

另:使用暴力猴可移步到http://bbs.maxthon.cn/thread-900075-1-1.html中,但是建议使用此CSS类的。

CSS样式方式加载的优势:

1、基本不影响页面加载速度;
2、字体兼容所有的终端,中英文排版极佳;
3、以操作系统最优字体为基准,你懂的;
4、目前兼容BootStrap2\3、Wordpress、Taobao、Amaze UI图标字体的显示,有其它异常请反馈。

很多人反映不晓得怎么用?

答:
1、安装Stylish(http://extension.maxthon.cn/detail/index.php?view_id=1711)同时感谢@寂寞的原子 ;
2、安装完将在侧边栏中看到S标识的插件了,点击进入菜单;
3、在菜单中点击进入管理样式;
4、点击顶部的新建;
5、给左侧的名称命名下,如”修改漂亮的网页样式“;
6、在代码栏,就是右侧很大的那个地方,粘贴提供的代码;
7、点击右下角的保存与关闭;
8、打开个网站看看效果吧。

究竟与浏览器自带的字体设置有啥区别?

答:
区别大了。比如官方强制设置字体后,你就会遇到大量的方块。
示例:
http://static.bbs.maxthon.cn/data/attachment/forum/201501/21/10591422qap2azz2if0g6a.jpg

为何不优先使用微软雅黑字体作为默认的字体?

答:
微软雅黑固然很好看,但是会在某些屏幕上或显示器上存在发虚的情况,同时在不同的内核浏览器中所渲染的程度不一致,当然IE是渲染得最好的。这里采用的是中文排版技术上最佳的配置,优先使用操作系统默认的字库,接着对部分字库实现微软雅黑,同时兼容字体图库的显示。

附上比较图:

1、网站默认字体:
http://static.bbs.maxthon.cn/data/attachment/forum/201501/21/110722upqkd7kjv9kxvkoj.jpg

2、使用了偶的插件:
http://static.bbs.maxthon.cn/data/attachment/forum/201501/21/110833o9ootf0bg0tz0lmm.jpg

最近情怀更新:

2015-05-28:提高图片字体集的兼容性;
2015-02-02:优化代码,提高执行效率,建议更新;
2015-01-28:紧急修复新浪微博字体异常问题;
2015-01-27:根据网友提供的图库字体进行兼容,目前可兼容95%以上的站点;
2015-01-24:解决天猫侧边栏的图库字体兼容;
2015-01-23:解决淘宝特卖的图库字体兼容;
2015-01-20:解决顺丰速运的图库字体兼容;
2015-01-18:解决淘宝香港的图库字体兼容;
2015-01-16:解决阿里云图库字体的显示;

参照上述的步骤说明,粘贴进去保存即可,防止伸手党,请回复一次终身有效:

本帖隐藏的内容
[*]*:not():not():not():not(i):not(s){font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Arial,sans-serif !important;}

复制代码




原文链接

28055304 发表于 2016-1-13 11:53:27

kankannfadnn

把酒临风, 发表于 2016-1-14 11:27:54

看贴回帖;利人利己!

逆流而上 发表于 2016-1-18 22:25:19

谢谢分享!~

magicwaltz 发表于 2016-1-19 00:50:02

谢谢分享@哦

海之韵※空 发表于 2016-1-20 11:38:21

顶顶顶顶顶顶顶顶顶顶顶顶顶顶

龙龙@老正 发表于 2016-1-22 09:00:03

这个真的要用上了

Ryudo229765 发表于 2016-2-6 22:02:01

就是不喜欢普通字体

壹凡 发表于 2016-2-21 11:16:28

美化了就不一样,喜欢。

klin 发表于 2016-2-28 15:52:50

看看效果如何

酷马吉君 发表于 2016-3-2 13:12:30

不错的样子

森狼 发表于 2016-3-6 22:04:39

看看效果哦

artzhg 发表于 2016-3-8 16:11:25

谢谢楼主分享

寻找糖果799 发表于 2016-3-17 22:45:23

万恶的回复!!!!!!!!!!

reniong 发表于 2016-3-18 11:11:17

谢谢楼主分享

嘯熬漿糊 发表于 2016-3-18 15:55:51

转移到新版论坛了!

Songlin 发表于 2016-3-24 11:48:54

感谢分享

奔跑旳蜗牛 发表于 2016-3-27 13:20:54

感谢分享

jwxk2016 发表于 2016-3-30 10:27:37

谢谢分享

cashcyg 发表于 2016-3-31 19:19:02

谢谢分享O(∩_∩)O谢谢
页: [1] 2 3
查看完整版本: 教你使用Stylish打造网页最佳字体,兼容图库字体集