用css使opera浏览的网页字体带有阴影效果

左手握右手 · **发表于 :** 2012-04-03 20:26

用linux的人总觉得opera在linux下的字体渲染很是差劲，即便觉得opera很强劲也只能为此弃之不用，下面我用css来实现一个让opera浏览的网页字体都带上阴影效果，从此不再为她的字体渲染差纠结了。先上二图：

附件:

无缓冲看中央台和全国卫视（还算比较清晰的） - 查看主题 • Ubuntu中文论坛.png [ 451.53 KiB | 被浏览 2381 次 ]

附件:

甲骨文 - 维基百科，自由的百科全书.png [ 561.01 KiB | 被浏览 2388 次 ]

怎么样，以上二图中的字体渲染效果没话说了吧……
好了，来这里也有一小段时间了，共享下实现这个效果的代码吧。（干脆把我自用的opera全局css脚本整个贴上来算了）

引用:

@charset "UTF-8";
/* 隐藏文字 */
[style*="font-size:0p"],[style*="font-size: 0p"]
{ display: none !important }

/* 强制网页字体 */
*{
font-family:"文泉驿正黑";font-weight:bold;text-shadow:0.1em 0.1em 0.03em #bcbcbc !important;
}

/* 标记已访问 */
a:visited, a:visited *, a:active, a:active * {color: #119999 !important;}
a[href]:hover,a[href]:focus {color: red !important; }
@media screen and (min-width: 128px){a:hover, a:hover *{color: red !important;background: 0 ;}}

/*输入框类chrome高亮*/
input:not([type='submit']):not([type='reset']):not([type='button']):not([type='checkbox']):not([type='radio']):focus, textarea:focus, select:focus{
border:1px solid #0099FF; box-shadow: 1px 1px 0 #0099FF, 1px -1px 0 #0099FF, -1px 1px 0 #0099FF, -1px -1px 0 #0099FF, 0px 0px 10px 1px #0099FF !important; border-radius:3px!important;
}

把这段代码保存为user.css后，复制到/usr/share/opera/styles/user.css这里，检查opera首选项--高级--内容--样式--我的样式表的路径是否相同，如果不同请修改下。
另记：opera的超强定制可以实现的功能实在太多了，看此贴响应情况，后继增加右键功能如：必应云词典（划词翻译）等等。