找回密码
 立即注册
搜索
查看: 7412|回复: 47

[软件] B站疑似采用鸿蒙Sans 网页字体

[复制链接]
     
发表于 2021-9-7 19:43 | 显示全部楼层 |阅读模式




右上角-动态,鼠标停留此处弹出的hover里视频标题疑似采用了鸿蒙字体的web font版本。
回复

使用道具 举报

     
 楼主| 发表于 2021-9-7 19:45 | 显示全部楼层
英文日文的网页字体早有耳闻,没想到现在中文也能做了,压缩下来一个字体文件也得几M吧,和英文字体没法比。
回复

使用道具 举报

     
发表于 2021-9-7 19:47 来自手机 | 显示全部楼层
我想怎么今天动态字体怎么这么丑。。
回复

使用道具 举报

     
发表于 2021-9-7 19:50 | 显示全部楼层
确实今天一开就感觉字体变了
回复

使用道具 举报

     
发表于 2021-9-7 19:52 | 显示全部楼层
赢了,在线视频巨头加入鸿蒙
回复

使用道具 举报

     
发表于 2021-9-7 19:52 来自手机 | 显示全部楼层
啥,移动端网页能用?

—— 来自 Xiaomi Redmi K30 5G, Android 11上的 S1Next-鹅版 v2.4.4.1
回复

使用道具 举报

     
发表于 2021-9-7 19:55 | 显示全部楼层
我就说怎么感觉变了,还以为是思源黑体呢
回复

使用道具 举报

     
发表于 2021-9-7 20:08 | 显示全部楼层
菊厂定制的这个字体据说很大程度上考虑到了缩放的体验,毕竟像菊厂这种又是周冬雨,又喜欢搞缩分辨率的手机厂商,缩放之后的一致性搞不好,手机界面观感很不好看。P站上这玩意对于保持多终端观感的一致性还是很有价值的。
回复

使用道具 举报

     
发表于 2021-9-7 20:41 | 显示全部楼层
有点好奇为什么不用 Source Sans Hans
回复

使用道具 举报

头像被屏蔽
     
发表于 2021-9-7 20:58 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
发表于 2021-9-7 21:00 | 显示全部楼层
试制甲炮 发表于 2021-9-7 20:08
菊厂定制的这个字体据说很大程度上考虑到了缩放的体验,毕竟像菊厂这种又是周冬雨,又喜欢搞缩分辨率的手机 ...

我在mate40上用的反而是oppo sans的M号字体,略粗大而清晰,感觉比原版以及鸿蒙字体好很多。
回复

使用道具 举报

     
发表于 2021-9-7 21:08 | 显示全部楼层
没事, 你更你的, 我用我的更纱黑体加思源黑体
回复

使用道具 举报

     
 楼主| 发表于 2021-9-7 21:11 | 显示全部楼层
985604670 发表于 2021-9-7 20:58
没有吧还是苹方啊

font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, PingFang SC, Microsoft YaHei, sans-serif;

是苹方并不奇怪
回复

使用道具 举报

头像被屏蔽
     
发表于 2021-9-7 21:16 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
发表于 2021-9-7 21:41 | 显示全部楼层
2k屏上看着糊了
回复

使用道具 举报

发表于 2021-9-7 22:01 | 显示全部楼层
我觉得不错啊,比原来的感觉有份量,而且2k屏幕看着更清晰了
回复

使用道具 举报

发表于 2021-9-7 22:01 | 显示全部楼层
当然还是打不过苹方
回复

使用道具 举报

     
发表于 2021-9-7 22:01 | 显示全部楼层
本帖最后由 gzfloet 于 2021-9-7 22:14 编辑

编辑:还真是,找到这个位置的 CSS 了,奇怪……
  1. .out-container.new-container{
  2.   border-radius: 2.09424vw;
  3.   box-shadow: 0px 0px 2.6178vw rgba(0,0,0,0.1);
  4.   border: 1px solid #e3e5e7;
  5.   font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, PingFang SC, Microsoft YaHei, sans-serif;
  6. }
复制代码



回复

使用道具 举报

     
发表于 2021-9-8 09:11 | 显示全部楼层
目前在用低分屏,macOS那种低分辨率模糊大概就是这个样子吧

屏幕截图 2021-09-08 090959.png

CSS也确实是楼上那样,有没有前端懂哥说说为什么写两遍pingfanng sc
回复

使用道具 举报

发表于 2021-9-8 09:20 | 显示全部楼层
再买自检星剁手 发表于 2021-9-8 09:11
目前在用低分屏,macOS那种低分辨率模糊大概就是这个样子吧

估计996的时候犯迷糊了吧,反正按顺序来,实际上没影响
回复

使用道具 举报

     
发表于 2021-9-8 10:04 | 显示全部楼层
低分辨率下的动态字体丑得一 B
回复

使用道具 举报

     
 楼主| 发表于 2021-9-8 10:16 来自手机 | 显示全部楼层
天知道 发表于 2021-9-8 10:04
低分辨率下的动态字体丑得一 B

高分辨率下比默认的微软雅黑好看

—— 来自 HUAWEI NOH-AL00, Android 10上的 S1Next-鹅版 v2.4.4.1
回复

使用道具 举报

发表于 2021-9-8 11:50 | 显示全部楼层
假名看着好奇怪
回复

使用道具 举报

     
发表于 2021-9-8 11:55 | 显示全部楼层
Nanachi 发表于 2021-9-8 10:16
高分辨率下比默认的微软雅黑好看

—— 来自 HUAWEI NOH-AL00, Android 10上的 S1Next-鹅版 v2.4. ...

2k下面比雅黑糊多了,你这个高分辨率是指8k么?
回复

使用道具 举报

     
 楼主| 发表于 2021-9-8 12:00 | 显示全部楼层
samta 发表于 2021-9-8 11:55
2k下面比雅黑糊多了,你这个高分辨率是指8k么?

100%缩放?

我是4k屏200%缩放,效果比雅黑好。
回复

使用道具 举报

头像被屏蔽
     
发表于 2021-9-8 12:17 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
发表于 2021-9-8 12:50 来自手机 | 显示全部楼层
再买自检星剁手 发表于 2021-9-8 09:11
目前在用低分屏,macOS那种低分辨率模糊大概就是这个样子吧

我不是前端瞎猜的:现在css都是生成的,可能在两个位置都有苹方然后被合并在一起。或者一个对应ios一个对应macos
回复

使用道具 举报

     
发表于 2021-9-8 13:12 来自手机 | 显示全部楼层
我用pc用2k屏,昨天感觉就奇怪,怎么变糊了。

----发送自 Xiaomi Redmi K20 Pro Premium Edition,Android 11
回复

使用道具 举报

     
发表于 2021-9-8 13:22 | 显示全部楼层
1080p,糊了,傻逼b站
回复

使用道具 举报

     
发表于 2021-9-8 13:26 | 显示全部楼层

4k 200缩放 效果很好
回复

使用道具 举报

     
发表于 2021-9-8 13:34 | 显示全部楼层
能看到字体读取的过程...
回复

使用道具 举报

     
发表于 2021-9-8 14:07 | 显示全部楼层
md怪不得我还以为浏览器坏了
回复

使用道具 举报

头像被屏蔽
     
发表于 2021-9-8 14:20 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
发表于 2021-9-8 14:22 | 显示全部楼层
1080p非常难受,感觉笔画粗细不一致
回复

使用道具 举报

     
 楼主| 发表于 2021-9-8 14:32 | 显示全部楼层
rick343 发表于 2021-9-8 13:22
1080p,糊了,傻逼b站

换了个1080p显示器开125%缩放,显示效果也不错,已经全局替换雅黑
回复

使用道具 举报

     
 楼主| 发表于 2021-9-8 14:33 | 显示全部楼层
Kaiyan 发表于 2021-9-8 14:22
1080p非常难受,感觉笔画粗细不一致

实际上1080p下的雅黑仔细看笔画粗细也是不一致的,分辨率限制吧。

至少4K下雅黑的弱点是字形扭曲,到了1080p下也许就成优点了。
回复

使用道具 举报

     
发表于 2021-9-8 14:45 | 显示全部楼层
Nanachi 发表于 2021-9-8 14:33
实际上1080p下的雅黑仔细看笔画粗细也是不一致的,分辨率限制吧。

至少4K下雅黑的弱点是字形扭曲,到了10 ...

1080p的雅黑笔画粗细确实不一致,但因为分辨率低实际上所有笔画看着都很细感觉不连贯,不好辨识(不过也早就适应了)
但是新的这个字体笔画都变粗了,复杂的字1080p根本就挤不下,导致简单字确实清晰了,但是复杂点的字整个都是糊的
回复

使用道具 举报

     
发表于 2021-9-8 14:49 来自手机 | 显示全部楼层
公司1080显示器下糊得多看两眼都难受怎么想的

—— 来自 Sony XQ-AT72, Android 11上的 S1Next-鹅版 v2.4.4.1
回复

使用道具 举报

     
发表于 2021-9-8 14:58 | 显示全部楼层
Kaiyan 发表于 2021-9-8 14:45
1080p的雅黑笔画粗细确实不一致,但因为分辨率低实际上所有笔画看着都很细感觉不连贯,不好辨识(不过也 ...

雅黑在2K以下都会感觉到粗细不一,上下不平,但到高分后就会觉得显示得很好,这应该是字体本身就没考虑低分下的情况?
回复

使用道具 举报

     
发表于 2021-9-9 21:13 | 显示全部楼层
windows11 已经全局鸿蒙+圆角矩形了

QQ截图20210909211336.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|上海互联网违法和不良信息举报中心|网上有害信息举报专区|962110 反电信诈骗|举报电话 021-62035905|Stage1st ( 沪ICP备13020230号-1|沪公网安备 31010702007642号 )

GMT+8, 2024-11-15 11:02 , Processed in 0.096657 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表