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

傅钦

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

复制代码

效果等会上。


效果：
微软雅黑，无GDI


微软雅黑，GDI



推荐使用GDI……

wq195

什么效果？期待

harnack

不错，效果堪比GDI++。

slimx

啧啧,可以丢掉gdi++了

vszhw

感谢楼主分享，确实pl多了

YFG

很不错 先试试

msky

做个记号！

janas

用了,好黑啊

j01c

感觉FF自己渲染出来的比较费系统资源
有点卡的感觉
还是继续用GDI++吧

cuatro

GDI++一样会卡。
不过文字过多的情况下css阴影似乎比GDI++更卡。
另外用了GDI++似乎就没必要用css，调节一下阴影就行了把。

Conet

GDI++一样会卡。
不过文字过多的情况下css阴影似乎比GDI++更卡。
另外用了GDI++似乎就没必要用css，调节一下阴影就行了把。
cuatro 发表于 2010-1-31 05:39

如何调整css的阴影，谢谢

Conet

如何让页面流畅点，感觉有点卡

傅钦

text-shadow: #1357ac 0px 1px 2px !important;

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

卡没办法，这个渲染目前只能利用cpu完成。

dena

部分网页和论坛帖子内出现多余的纵向滚动条,有什么办法解决吗?谢谢.

比如页面:(正文区出现多余滚动条)
http://www.gamersky.com/news/201001/155821.shtml

Cipher

效果相当不错哦。

傅钦

16# dena

无法解决~

这个原理是给页面元素添加一像素的附加属性比如阴影~对固定了大小的元素来说，自然就会有滚动条。

littleboyzt

GDI++一样会卡。
不过文字过多的情况下css阴影似乎比GDI++更卡。
另外用了GDI++似乎就没必要用css，调节一下阴影就行了把。
cuatro 发表于 2010-1-31 05:39

具体如何调节gdi++的阴影呢

话说林克大叔这次的CSS效果真赞啊

ddrwin

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接管渲染的驱动好了，应该会不卡滴……

ddrwin

是实时计算后的，先于网页加载，不是一次性，算一个显示一个。

等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

鱼魚漁

使用了，太牛B了，多谢LZ啊，
就是在论坛里感觉字体颜色稍微淡了点，不知道能不能改，对了，我没用GDI+

leven

http://www.online.sh.cn/ 怎样修正？谢谢

siu7

提供一个stylish的脚本吧，LZ要是能取长补短融合一下，相信会更好。http://userstyles.org/styles/20442

傅钦

25# iwo

用
@-moz-document url-prefix(http://)

傅钦

27# siu7

一样。

它比我多渲染了fx的部分界面。

leven

26# leven
div {overflow: hidden !important; }

文心雕龙

不错不错，谢谢分享。

glimpse

这个可以直接贴到stylish里面啊。  效果相当不错，gdi那个东西我曾经装装卸卸不下10次，没有一次能用超过一星期的，纯娱乐用电脑可能无所谓，但和很多工具有莫名其妙的冲突。

这个效果确实好。

perfect

Ubuntu用户路过，装载并表示感谢。
配合某些compiz特效，能造出十分可爱的效果！

昵称

我更新了3.6.3之后，开这个脚本不是特别卡了