Board logo

标题: [经验交流] 有图有真相，利用Custom.css解决tw6字体偏细不清晰的方法， [打印本页]
作者: 实话实说    时间: 2013-12-31 18:17     标题: 有图有真相，利用Custom.css解决tw6字体偏细不清晰的方法，

本帖最后由 实话实说 于 2013-12-31 18:27 编辑

chrome核心的浏览器都可以这么做，效果是一样的
“TheWorld6\User Data\Default\User StyleSheets\Custom.css”
这个文件就是chrome的CSS设置文件，默认为空。字体设置各种渲染效果都可以在这里进行，例如，如果想使用微软雅黑作为全局的字体并加粗加阴影效果，那么就添加以下代码

  1. *{font-family:Arial,"Microsoft Yahei" !important;text-shadow: silver 0px 0px 1px !important;}
  2. *{text-shadow:0px 0px 1px #666;}
  3. *{font-weight:600!important;}         
  4. *{font-weight: bold;}
复制代码
要注意的是必须用文件编辑器打开Custom.css ，因为保存时需要另存为utf-8编码，否则chrome不能识别！完成后直接刷新就可以看到效果


这是未使用Custom.css的tw6
http://img1.tuchuang.org/uploads/2013/12/2013-12-31_181656.jpg
这是使用Custom.css的tw6，对比很明显
http://img3.picbed.org/uploads/2013/12/2013-12-31_181744.jpg


Custom.zip (280 Bytes)


这里是编辑好的Custom.css文件，点击下载解压，找到“TheWorld6\User Data\Default\User StyleSheets\Custom.css”，关闭tw6覆盖就可以，重新打开tw6就可以看到效果。

附件: Custom.zip (2013-12-31 18:08, 280 Bytes) / 下载次数 9656
http://bbs.theworld.cn./attachment.php?aid=115867&k=9395711627287f5daf3ef2ad021895b9&t=1732687624&sid=gOWE7I
作者: 风中男杀手    时间: 2013-12-31 18:22

回复 1# 实话实说


    技术贴，辛苦了。欢迎你对世界之窗的喜爱与支持。赞一个。
作者: 实话实说    时间: 2013-12-31 18:30

回复  实话实说


    技术贴，辛苦了。欢迎你对世界之窗的喜爱与支持。赞一个。
风中男杀手 发表于 2013-12-31 18:22 http://bbs.theworld.cn/images/common/back.gif

附上个参数意义：
/*font-weight
font-weight 属性是用来设定字体的厚度。厚度的设定值可以从 100 到 900 (900 是最厚的)。另外，我们也可以将厚度设定为 bold (厚)、bolder (更厚)、及 normal (正常)。

font-family
font-family 属性是用来设定字体的类别。本例中所用的字型为 Microsoft YaHei。

text-shadow
text-shadow 意思就是给文字加上阴影，它是CSS3的产物，在本例中它的参数设定顺序为「颜色，X轴阴影，Y轴阴影，成像浓度」*/
作者: REM    时间: 2013-12-31 18:37

好帖留名！！！
作者: TheKiller    时间: 2013-12-31 20:31

chrome33起不再有custom.css
作者: yiben2005    时间: 2013-12-31 22:00

我觉得用Microsoft Yahei UI更好
作者: abs555    时间: 2013-12-31 22:27

能调整字号吗？
作者: 实话实说    时间: 2013-12-31 22:51

能调整字号吗？
abs555 发表于 2013-12-31 22:27 http://bbs.theworld.cn/images/common/back.gif



    设置——高级设置——隐私设置——网络内容——字号or自定义字体
作者: 实话实说    时间: 2013-12-31 22:52

我觉得用Microsoft Yahei UI更好
yiben2005 发表于 2013-12-31 22:00 http://bbs.theworld.cn/images/common/back.gif



    给出代码和释义就是欢迎大家自己定义
作者: 旧时光    时间: 2014-1-1 00:51

*{text-shadow:0.01em 0.01em 0.1em silver !important;}
这个适中，不黑不淡。
作者: n.nic    时间: 2014-1-2 12:57

提示: 作者被禁止或删除 内容自动屏蔽
作者: abc110110    时间: 2014-1-21 13:05

技术贴留存跟
作者: abc110110    时间: 2014-1-21 21:41

有办法让TW3也变成这么黑吗
作者: zhr100    时间: 2014-1-21 21:58

太黑了、、、能不能淡一点
作者: 实话实说    时间: 2014-1-21 22:24

太黑了、、、能不能淡一点
zhr100 发表于 2014-1-21 21:58 http://bbs.theworld.cn/images/common/back.gif


现在自己用的Custom.css代码，按顶楼说明操作。
  1. *{font-family:Arial,"Microsoft Yahei UI" !important;text-shadow:0.01em 0.01em 0.1em silver !important;}
  2. *{text-shadow:0px 0px 1px #666;}
  3. *{font-weight:600!important;}         
  4. *{font-weight: bold;}
复制代码


这里是现成的文件
Custom.zip (289 Bytes)

附件: Custom.zip (2014-1-21 22:24, 289 Bytes) / 下载次数 4331
http://bbs.theworld.cn./attachment.php?aid=115929&k=a6f323a2c70d18b74891892fb797e128&t=1732687624&sid=gOWE7I



欢迎光临 世界之窗论坛 (http://bbs.theworld.cn./) Powered by Discuz! 7.2