15ice 发表于 2014-3-27 21:56

CSS样式，全局字体微软雅黑加阴影，指向图片绿光，指向文字加粗

本帖最后由 15ice 于 2014-3-29 21:08 编辑

1.CSS样式原文本：
/*微软雅黑*/
*:not():not(i){font-family: "Microsoft YaHei" !important;}

/*字体阴影*/
*{text-shadow:0.01em 0.01em 0.1em #999999 !important;}

/*指向图片绿光*/
img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}

/*指向文字加粗*/
a:hover {
/*color: #0000FF ;*/
-webkit-transition-property:color;
-webkit-transition-duration: 0.0s;
font-weight:bold
}
2.文本附件下载：

3.BUG:
未知，如果字体发虚可以删除字体阴影。
4.使用方法：
http://cdn.pcbeta.attachment.inimc.com/data/attachment/forum/month_1012/1012201508b0a46afdcd87f265.png.thumb.jpg
参考：https://bbs.pcbeta.com/viewthread-791980-1-1.html
可与上贴CSS合并使用。不过去广告建议用跟踪保护。
5.使用后效果：



6.使用后对比：



21win 发表于 2014-3-27 22:29

看着很清爽哦

yangxiaoyu 发表于 2014-3-28 00:01

这么好的帖子不顶不行啊

shinco 发表于 2014-3-28 09:01

不错不错

zhajianqing 发表于 2014-3-28 09:32

试试看效果，谢谢！

iorijiang 发表于 2014-3-28 10:31

支持，虽然已经用了

花季老头 发表于 2014-3-28 16:58

试用了下还不错，感谢楼主，不过感觉字体变得发虚了

pzw70322 发表于 2014-3-28 20:56

太复杂了，还是不用了

15ice 发表于 2014-3-28 22:13

花季老头 发表于 2014-3-28 16:58 static/image/common/back.gif
试用了下还不错，感谢楼主，不过感觉字体变得发虚了

启用clearType设置一下？

15ice 发表于 2014-3-28 22:14

pzw70322 发表于 2014-3-28 20:56 static/image/common/back.gif
太复杂了，还是不用了
很复杂吗.....

花季老头 发表于 2014-3-29 10:25

15ice 发表于 2014-3-28 22:13 static/image/common/back.gif
启用clearType设置一下？

把阴影去掉感觉好多了         

atlantis4470 发表于 2014-3-29 19:13

多谢分享，Mactype一直渲染不了IE 11，有这个字体就好看多了

goldrose 发表于 2014-3-30 15:20

越看越模糊的感觉损伤视力？、

15ice 发表于 2014-3-31 02:45

goldrose 发表于 2014-3-30 15:20 static/image/common/back.gif
越看越模糊的感觉损伤视力？、

不会吧...{:5_288:}

6581520bg 发表于 2014-4-1 10:59

真是不错的说~~~~~~~~~~~

辣客ぁ先锋 发表于 2018-5-19 09:41

很给力，下载个来，想了好久了才记起

辣客ぁ先锋 发表于 2018-5-19 09:48

好像我们远景都是显示雅黑，使用后在某度，某宝没有效果

www.com900 发表于 2020-6-8 23:34

谢谢分享。
页: [1]
查看完整版本: CSS样式，全局字体微软雅黑加阴影，指向图片绿光，指向文字加粗