推荐浏览器的一种渲染方式：Stylus + Mac OSX Font Rendering

显示全部楼层 · 发表于 2020-2-8 23:52:06

本帖最后由一个笨鸟于 2020-2-8 23:56 编辑

Windows下的Chrome或者Firefox浏览器，先安装Stylus扩展，然后配合Mac OSX Font Rendering for Windows Based Browsers的网页样式，可以让网页字体以Safari的字体样式渲染。

1、Stylus扩展在Chrome/Firefox自己的扩展市场中搜。
2、Mac OSX Font Rendering for Windows Based Browsers样式在这里安装：https://userstyles.org/styles/31 ... dows-based-browsers
3、可以配合苹果的苹方字体，需要在浏览器的设置中选择苹方字体。字体下载自己搜，搜不到的在这下载：http://www.epinv.com/post/9478.html

Stylus

显示全部楼层 · 发表于 2020-2-9 04:23:36

又是CSS阴影，这会吃掉大把的内存和速度。

显示全部楼层 · 发表于 2020-2-9 21:35:27

CPU和内存省了干啥用去？现在硬件性能都是过剩的

老机器i7-4790k + 32G内存，没明显渲染慢的感觉

显示全部楼层 · 发表于 2020-2-11 13:12:06

感觉不错，相比刺眼细小字体带来的眼睛难受花点内存不算什么

I5 3470 8G 核显

显示全部楼层 · 发表于 2020-2-11 16:33:46

一个笨鸟发表于 2020-2-9 21:35
CPU和内存省了干啥用去？现在硬件性能都是过剩的

老机器i7-4790k + 32G内存，没明显渲染慢的感觉

性能问题可以忍受的话，那就谈谈效果吧。
锐度如何？对比度如何？

显示全部楼层 · 发表于 2020-2-12 00:02:04

本帖最后由一个笨鸟于 2020-2-12 00:11 编辑

chncwk 发表于 2020-2-11 16:33
性能问题可以忍受的话，那就谈谈效果吧。
锐度如何？对比度如何？

美观度因人而异，和屏幕分辨率、DPI、浏览器中的放大比例/字体大小都有关系，这得自己体验。装个插件，外带个风格，几分钟的事情。不符合自己的，抬手就卸载了，不费什么劲。

如果要体验苹方字体的话，用chrome访问卡饭的页面好像不行，chrome无条件强行用苹方字体的话需要装另外的插件。
Firefox可以无条件强制页面全部使用苹方字体。

附件的图是另外一个例子。可以在浏览器中截图，然后把截图放大，就能看到抗锯齿的效果是不错的。

stylus

显示全部楼层 · 发表于 2020-2-12 00:59:35

本帖最后由 chncwk 于 2020-2-12 01:01 编辑

一个笨鸟发表于 2020-2-12 00:02
美观度因人而异，和屏幕分辨率、DPI、浏览器中的放大比例/字体大小都有关系，这得自己体验。装个插件，外 ...

要看抗锯齿，当然得上宋体啊，一个黑体有啥锯齿？不开次像素都能看。
苹方真是不行，大字不如冬青，小字不如旗黑，甚至不如雅黑。

显示全部楼层 · 发表于 2020-2-12 11:49:56

chncwk 发表于 2020-2-12 00:59
要看抗锯齿，当然得上宋体啊，一个黑体有啥锯齿？不开次像素都能看。
苹方真是不行，大字不如冬青，小字 ...

你有好的，就截图分享一下呗

显示全部楼层 · 发表于 2020-2-12 17:57:44

感谢提供分享，还有，批判很容易，但赞美之声这里很难很难收获
楼主加油！

显示全部楼层 · 发表于 2020-2-12 18:57:08

一个笨鸟发表于 2020-2-12 11:49
你有好的，就截图分享一下呗

首先，我坚决反对用CSS阴影来柔化字体边缘，这是歪道！烂道！！邪道！！！
其次，用CSS加粗，效果也不甚理想，但在特定场合下临时凑合一下还行；
真正的正道还是按照原生字体+默认渲染参数来完成渲染效果，无降速之虞，效果也最佳；
https://bbs.kafan.cn/thread-2118214-1-1.html

[讨论] 推荐浏览器的一种渲染方式：Stylus + Mac OSX Font Rendering

评分