#1 - 2016-7-26 18:03
林卯 (✨️VIP 8✨️)
一、
目前的输入框中是把[ b ]转换为
<span style="font-weight:bold;">


原本这没什么问题,但发现替换非雅黑字体后粗体与常规的区别不大。“五香牛肉面”这段不太能看出加粗的那个字。
雅黑的2个字重区分度挺大,而我换的字体有7个字重,原来浏览器只是选择了略粗的那个作为粗体。

但知乎并没有这个问题,知乎用的是<b>,CSS写作
strong,b{font-weight: 600;……}
,字重使用了绝对值。
提议把<span style="font-weight:bold;">换成<b>或<strong>,这样至少我可以在Stylish里指定个字重。

二、
目前的“自己可见”用的是
<span class="tip">
,这样我就没法在Stylish里单独标红这一段。
提议换个单独的class。

三、
被[ code ]包围的文字有必要加些样式凸显出来,上文用了许多[ code ],发出来才发现被淹没了。

@Sai
#2 - 2016-7-26 19:51
不需要换掉也有办法选,
CSS Selector 写详细点就好了:

针对 [b] 的 CSS Selector:

span[style="font-weight:bold;"] {
    /* add your styles here */
}


针对收藏列表中「自己可见」的 CSS Selector

.collectInfo .tip {
    color: #F00;
}
#2-1 - 2016-7-26 20:23
林卯
呃,虽然我没试但我可以确定你的「自己可见」 CSS Selector 不适用,因为标签也是tip——连标签都会变红。
#2-2 - 2016-7-26 20:34
ビノタ
林卯(id: laoism) 说: 呃,虽然我没试但我可以确定你的「自己可见」 CSS Selector 不适用,因为标签也是tip——连标签都会变红。
那就改成
.collectInfo .tip:last-child


实测正常:
#2-3 - 2016-7-26 20:37
林卯
BinotaLIU 说: 那就改成
.collectInfo .tip:last-child

实测正常:
呃,这样肯定所有未隐藏且有标签条目的标签都会变红吧。
#2-4 - 2016-7-26 20:41
林卯
BinotaLIU 说: 那就改成
.collectInfo .tip:last-child

实测正常:
看上去你用的也是火狐?
你有遇到默认的开发者工具右侧5个标签少了“字体”标签,只剩“规则”“计算后”“盒模型”“动画”4个标签的情况吗?
#2-5 - 2016-7-26 20:47
ビノタ
林卯(id: laoism) 说: 呃,这样肯定所有未隐藏且有标签条目的标签都会变红吧。
说的也是,我傻了(
那这样呢?
.collectInfo .tip:nth-child(6),
.collectInfo .tip:nth-child(4):last-child

第六个或第四个同时是最后一个
#2-6 - 2016-7-26 20:48
ビノタ
林卯(id: laoism) 说: 看上去你用的也是火狐?
你有遇到默认的开发者工具右侧5个标签少了“字体”标签,只剩“规则”“计算后”“盒模型”“动画”4个标签的情况吗?
我是用 Firebug,默认的开发者工具我不习惯就没用了
#2-7 - 2016-7-26 20:55
林卯
好奇怪,我先是实验了
span[style="font-weight:bold;"] {
font-weight:600;
}

没有用,显示font-weight:600。于是我加了!important:
span[style="font-weight:bold;"] {
font-weight:600!important;
}

这回并没有显示删除线,但还是没有用,我以为写错了,改成:
span[style="font-weight:bold;"] {
color: red;
}
立马生效,整个页面所有粗体都变红了。看来没写错。
到底怎么回事呢。
#2-8 - 2016-7-26 21:00
ビノタ
林卯(id: laoism) 说: 好奇怪,我先是实验了
span[style="font-weight:bold;"] {
font-weight:600;
}
没有用,显示font-weight:600。于是我加了!importan...
bold 是 700 啊
参考
#2-9 - 2016-7-26 21:07
林卯
BinotaLIU 说: bold 是 700 啊
参考
其实我已经把600~900全都试过了。我的600是取自可用的知乎。但我觉得是字体问题,算了,强制一个粗字体好了:
span[style="font-weight:bold;"] {
    font-weight:900!important;
    font-family:'一个很粗的字体',sans-serif;
}


Stylish里测试结论是,总是没法都匹配,总有一个误匹配的。
我还测试了好几个,比如:
.collectInfo .tip:nth-child(5), .collectInfo .tip:nth-child(3):last-child
发现有没有评分这一点也会干扰。
#2-10 - 2016-7-26 21:33
ビノタ
林卯(id: laoism) 说: 其实我已经把600~900全都试过了。我的600是取自可用的知乎。


Stylish里测试结论是,总是没法都匹配,总有一个误匹配的。
我还测试了好几个,比如:
.collectInfo .tip:n...
我觉得好麻烦,那么用 JS 替换吧

元素 style 的优先级比较高,所以你指定相同的 font-weight 会被原本的 font-weight: bold 取代。
#2-11 - 2016-7-26 21:45
林卯
BinotaLIU 说: 我觉得好麻烦,那么用 JS 替换吧,

document.body.innerHTML = document.body.innerHTML.replace(/"tip">自己可见/g, '"tip p...
Stylish干不了这事…这是要用油猴吗?但我不会…

话说有没有可能写出批量改变隐藏状态的脚本?就像批量改标签脚本那种?
#2-12 - 2016-7-26 21:51
ビノタ
林卯(id: laoism) 说: Stylish干不了这事…这是要用油猴吗?但我不会…

话说有没有可能写出批量改变隐藏状态的脚本?就像批量改标签脚本那种?
可以啊,但是我还没研究 _(:3  」∠)_
#2-13 - 2016-7-27 04:57
烈之斩
林卯 说: 看上去你用的也是火狐?
你有遇到默认的开发者工具右侧5个标签少了“字体”标签,只剩“规则”“计算后”“盒模型”“动画”4个标签的情况吗?
字体工具在47起被默认隐藏了(bug 1247723

理由是逻辑不通的“我们在开发更好的字体工具,在开发出来之前就先隐藏老的”

在很多用户抱怨之后又给加回去了
(我也做了一些微小的贡献,去reddit发了个贴得到不少回应)
bug 1280121,48生效

在这之前可以直接用
devtools.fontinspector.enabled
的about:config选项启用
#2-14 - 2016-7-27 12:14
林卯
烈之斩 说: 字体工具在47起被默认隐藏了(bug 1247723)

理由是逻辑不通的“我们在开发更好的字体工具,在开发出来之前就先隐藏老的”

在很多用户抱怨之后又给加回去了
(我也做了一些微小的贡献,去red...
搞掂。话说火狐有没有类似Chromium之Inspector的Recources页,展示一个页面上所有网站提供的资源(尤其是网页字体)的工具?
#2-15 - 2016-7-27 13:07
烈之斩
林卯 说: 搞掂。话说火狐有没有类似Chromium之Inspector的Recources页,展示一个页面上所有网站提供的资源(尤其是网页字体)的工具?
Chrome dev resource里的东西fx的storage选项卡应该基本都有吧?看所有图片可以用右键->查看网页信息里的media,字体还真不知道了
#2-16 - 2016-7-27 14:25
林卯
烈之斩 说: Chrome dev resource里的东西fx的storage选项卡应该基本都有吧?看所有图片可以用右键->查看网页信息里的media,字体还真不知道了
存储选项卡?那个只有存储没有资源。火狐查图片资源我倒是早就知道。
#2-17 - 2016-7-28 11:25
烈之斩
林卯 说: 存储选项卡?那个只有存储没有资源。火狐查图片资源我倒是早就知道。
所以比起Chrome的resource里到底少了什么啊,不也就是这些东西吗
#2-18 - 2016-7-28 11:38
林卯
烈之斩 说: 所以比起Chrome的resource里到底少了什么啊,不也就是这些东西吗
我凭记忆说的。不是Recources,原来是Sources页。
#3 - 2016-7-29 01:38
(我去前面探探路!)
html粗体只有2个级别,就是normal和bold。。。那个数字是不会起作用的(
除非浏览器不标准。。。
#3-1 - 2016-7-29 02:00
林卯
我的是火狐47.0.1,支持多级字重。可能我哪里理解不对,请问你说的具体是什么。
#3-2 - 2016-7-29 02:53
初绎Official
林卯 说: 我的是火狐47.0.1,支持多级字重。可能我哪里理解不对,请问你说的具体是什么。
哦哦。。。原来你自己改了字体。。。那就可以了。。。
没改字体的话三个系统的默认字体都是不支持多个粗细的。。。= =
(改数字粗细没变基本可以认定是字体用错了。。。
#3-3 - 2016-7-29 03:05
林卯
魂魄妖梦 说: 哦哦。。。原来你自己改了字体。。。那就可以了。。。
没改字体的话三个系统的默认字体都是不支持多个粗细的。。。= =
(改数字粗细没变基本可以认定是字体用错了。。。
啊?微软已经有雅黑细体算是3级默认中文字体了,听说苹果的苹方级数更多?
#3-4 - 2016-8-2 02:45
初绎Official
林卯 说: 啊?微软已经有雅黑细体算是3级默认中文字体了,听说苹果的苹方级数更多?
虽然有雅黑细体。。然而名字不同OTL
苹果那个是真多级。。我记得是4还是5级来着