本站不兼容 8 以前的版本的 Interner Explorer 浏览器(或基于这些版本的 IE 的其他浏览器),并且页面样式不完全兼容 IE 8,我们建议你升级至 IE 9 或改用其他非 IE 浏览器

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

转播到腾讯微博
返回列表 回复 发帖

[交流] 发一个改善页面字体显示效果的css

本帖最后由 ilinkcn 于 2010-1-30 13:23 编辑
  1. @namespace url(http://www.w3.org/1999/xhtml);

  2. @-moz-document url-prefix(http://),url-prefix(https://) {
  3. /*边框*/
  4. iframe,embed{
  5. border: 0px !important;
  6. -moz-box-shadow: 0px 0px 20px #555;
  7. }
  8. /*文本框*/
  9. input,button{-moz-box-shadow: 0px 0px 6px #abc;}
  10. input:hover,button:hover{-moz-box-shadow: 0px 0px 6px #69f;}
  11. textarea{-moz-box-shadow: 0px 4px 15px #abc;}
  12. textarea:hover{-moz-box-shadow: 0px 4px 15px #69f;}
  13. /*阴影*/
  14. div{text-shadow: #666 0px 0px 1px !important;}
  15. h1{text-shadow:1px 1px 7px #505050;}
  16. h2{text-shadow:1px 1px 6px #707070;}
  17. h3{text-shadow:1px 1px 5px #909090;}
  18. h3{text-shadow:1px 1px 4px #b0b0b0;}
  19. h5{text-shadow:1px 1px 3px #d0d0d0;}
  20. h6{text-shadow:1px 1px 2px #e0e0e0;}
  21. }
复制代码
效果等会上。


效果:
微软雅黑,无GDI


微软雅黑,GDI



推荐使用GDI……
附件: 您所在的用户组无法下载或查看附件
1

评分次数

  • Meteor

什么效果?期待
不错,效果堪比GDI++。
听老人说,今生做千件好事,来世方能讨生为猫。
啧啧,可以丢掉gdi++了
感谢楼主分享,确实pl多了
很不错 先试试
做个记号!
用了,好黑啊
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0.1) Gecko/20101001 Firefox/9.0
感觉FF自己渲染出来的比较费系统资源
有点卡的感觉
还是继续用GDI++吧
GDI++一样会卡。
不过文字过多的情况下css阴影似乎比GDI++更卡。
另外用了GDI++似乎就没必要用css,调节一下阴影就行了把。
GDI++一样会卡。
不过文字过多的情况下css阴影似乎比GDI++更卡。
另外用了GDI++似乎就没必要用css,调节一下阴影就行了把。
cuatro 发表于 2010-1-31 05:39
如何调整css的阴影,谢谢
如何让页面流畅点,感觉有点卡
text-shadow: #1357ac 0px 1px 2px !important;

#1357ac  阴影颜色
0px     x方向偏移
1px     y方向偏移
2px     晕染宽度

卡没办法,这个渲染目前只能利用cpu完成。
部分网页和论坛帖子内出现多余的纵向滚动条,有什么办法解决吗?谢谢.

比如页面:(正文区出现多余滚动条)
http://www.gamersky.com/news/201001/155821.shtml
效果相当不错哦。
16# dena

无法解决~

这个原理是给页面元素添加一像素的附加属性比如阴影~对固定了大小的元素来说,自然就会有滚动条。
本帖最后由 littleboyzt 于 2010-1-31 20:00 编辑
GDI++一样会卡。
不过文字过多的情况下css阴影似乎比GDI++更卡。
另外用了GDI++似乎就没必要用css,调节一下阴影就行了把。
cuatro 发表于 2010-1-31 05:39
具体如何调节gdi++的阴影呢

话说林克大叔这次的CSS效果真赞啊
本帖最后由 ddrwin 于 2010-1-31 20:17 编辑
text-shadow: #1357ac 0px 1px 2px !important;

#1357ac  阴影颜色
0px     x方向偏移
1px     y方向偏移
2px     晕染宽度

卡没办法,这个渲染目前只能利用cpu完成。
ilinkcn 发表于 2010-1-31 10:54
请教版主:打开网页后,userContent.css是一次性加载的,还是实时参与计算的?我发现没有userContent.css美化网页时,确实顺畅很多。如果css一次性加载完了,页面打开后,就不应该卡了。难道是实时调用的?
是实时计算后的,先于网页加载,不是一次性,算一个显示一个。

等gpu接管渲染的驱动好了,应该会不卡滴……
是实时计算后的,先于网页加载,不是一次性,算一个显示一个。

等gpu接管渲染的驱动好了,应该会不卡滴……
ilinkcn 发表于 2010-1-31 21:22
版主说的是这个使用Direct2D进行GPU加速的渲染吗:Firefox 3.7 Direct2D预览版下载(仅供测试)
http://www.bassified.nl/firefox-3.7a1pre.en-US.win32.d2d.zip
本帖最后由 soloyu 于 2010-2-1 02:13 编辑

使用了,太牛B了,多谢LZ啊,
就是在论坛里感觉字体颜色稍微淡了点,不知道能不能改,对了,我没用GDI+
http://www.online.sh.cn/ 怎样修正?谢谢
提供一个stylish的脚本吧,LZ要是能取长补短融合一下,相信会更好。http://userstyles.org/styles/20442
25# iwo


@-moz-document url-prefix(http://)
27# siu7

一样。

它比我多渲染了fx的部分界面。
26# leven
div {overflow: hidden !important; }
不错不错,谢谢分享。
这个可以直接贴到stylish里面啊。  效果相当不错,gdi那个东西我曾经装装卸卸不下10次,没有一次能用超过一星期的,纯娱乐用电脑可能无所谓,但和很多工具有莫名其妙的冲突。

这个效果确实好。
Ubuntu用户路过,装载并表示感谢。
配合某些compiz特效,能造出十分可爱的效果!
网速悲剧的我。
我更新了3.6.3之后,开这个脚本不是特别卡了