草 稿

对清单网站设计方面的小抱怨

都是吹毛求疵。

  1. 可以考虑将中文字体优先回退到思源黑体、其次再是冬青黑体简体中文。

    冬青黑体简体中文只有W3和W6字重,

    其W3和轻单目前使用的西文字体正文字重并不搭配、且两者字面也不搭。

    (思源黑体好在可以搭配大多数西文字体使用、且字重丰富…

    …甚至可以藉由JustFont免费提供的Web字体服务来显示)

     

    我将系统当中的微软雅黑和冬青黑体简体中文停用之后,

    思源黑体的实际显示效果参见该条目附图。

  2. 截至发稿时,顶端导航列右端仍未支持Retina HiDPI用户肖像高清显示。

  3. 没槽吐了,这网站很不错。

评论(3

哈哈,孙老师好,欢迎来轻单。

针对1:
1)我觉得使用大多数人电脑上都有的字体,品质会更有保障。这样设计、开发和大部分读者看到的效果均一致,也避免因为字体本身的原因,导致类似依靠 line-height 垂直居中的地方不同人电脑上差异明显。
2)冬青黑体的 weight 是少,但说它是 Mac 上最佳的中文字体并不牵强。而思源黑体在字形方面还是有些偏日式中文字的感觉并非完美,我们把它列入字族主要是为了没有 Mac 的人提供的备选。
3)just font 我在其他项目中有运用过。首先他们比较好的正文字体都是收费的,其次(就我的了解)他们看似动态的加载技术,并不适合真正动态产生的内容。比如我现在评论的文字,里面肯定有这个页面默认没有包含的新文字,如果我提交后,页面没有得以刷新,那么对应多出来的字就没有办法以期待的字体显示。而如果想要无缝读取到新产生的文字又无刷新感的显示出新文字的话,技术方面难度增加不少,“入不敷出”。

针对2:
我们 header 提供的用户头像是支持 Retina 的(如果你针对它的定义的话),你可以借助浏览器的“审查元素”来查看到,它其实调用的是一张 64px 的肖像,而显示大小只有 32px。它看起来不够“高清”的原因,是因为我们原产品经理坚持要网站上只调用原图片 70% 质量的图片(为节省流量),对于像素眼的你来说,也就觉得不够清晰了。

不管怎样,谢谢你的反馈与肯定。
作者
那就將思源黑體的語句改成同時確保「Source Han Sans SC」和「Source Han Sans CN」在吧(且確保後者在前者之後),這樣的話對於只安裝SuperOTC的電腦而言也可被正常調用思源黑體來顯示。
作者
另外我現在看到header肖像已經是HiDPI格式了,謝謝改進。
取消