惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Google DeepMind News
Google DeepMind News
Stack Overflow Blog
Stack Overflow Blog
Hugging Face - Blog
Hugging Face - Blog
博客园_首页
T
The Blog of Author Tim Ferriss
博客园 - 叶小钗
N
Netflix TechBlog - Medium
腾讯CDC
C
Check Point Blog
P
Proofpoint News Feed
Engineering at Meta
Engineering at Meta
GbyAI
GbyAI
S
SegmentFault 最新的问题
F
Fortinet All Blogs
美团技术团队
U
Unit 42
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - 司徒正美
F
Full Disclosure
Recorded Future
Recorded Future
D
DataBreaches.Net
博客园 - 【当耐特】
Martin Fowler
Martin Fowler
J
Java Code Geeks
I
InfoQ
Y
Y Combinator Blog
A
About on SuperTechFans
AI
AI
爱范儿
爱范儿
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
Forbes - Security
Forbes - Security
W
WeLiveSecurity
M
MIT News - Artificial intelligence
雷峰网
雷峰网
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
Simon Willison's Weblog
Simon Willison's Weblog
Schneier on Security
Schneier on Security
The GitHub Blog
The GitHub Blog
Security Archives - TechRepublic
Security Archives - TechRepublic
aimingoo的专栏
aimingoo的专栏
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
G
GRAHAM CLULEY
Know Your Adversary
Know Your Adversary
Latest news
Latest news
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
D
Docker
Recent Commits to openclaw:main
Recent Commits to openclaw:main
量子位
V2EX - 技术
V2EX - 技术
Project Zero
Project Zero

筱枫 – 魔帆博客

日文中的衬线、非衬线混排 | 魔帆博客 中兴 CPE (4G) 设置 IPv6 联网 | 魔帆博客 使用 Aria2 搭建离线下载服务器 | 魔帆博客 使用 Jinja2 从模板生成网页 | 魔帆博客 使用 Excel 在地图上标注城市 | 魔帆博客 微信小程序健康打卡自动填报程序-使用 Fiddler 抓包 | 魔帆博客 替换 PHP creat_function() 函数 | 魔帆博客 PC 使用 iTunes 将照片向 iPhone 的不同相册导入 | 魔帆博客 MediaWiki 的伪静态设置 (Apache 环境) | 魔帆博客 【机房技巧】关于解除 机房管理助手 程序及摆脱控制的研究 | 魔帆博客 【Javascript】自动删除QQ空间说说 | 魔帆博客 【短文】雨·呼喊·愤懑 | 魔帆博客 如何使用js调试工具Console制作彩蛋/输出信息 | 魔帆博客 【酷站】OldWeb-怀旧专用 看看我们网络的黑历史 | 魔帆博客 【娱乐向】为什么你的金鱼养着养着就挂了? | 魔帆博客 【哲学】关于颜色的思考 | 魔帆博客 【实用】在学校机房玩电脑的技巧 | 魔帆博客 催泪电影《忠犬八公的故事》 | 魔帆博客 温暖人心电影《背影》 | 魔帆博客
网页排版中的字体衬线 | 魔帆博客
筱枫 · 2024-05-18 · via 筱枫 – 魔帆博客

在过去的十几年里,似乎非衬线体(sans-serif)在网页排版中占据了主要地位。在过去,屏幕的像素密度不足以支撑衬线体的显示,因而非衬线体成为了主流。近年来随着移动设备成为主要的上网方式、以及越来越多的高分屏的出现,浏览网页的屏幕像素密度得到了显著提升。这使得衬线体(serif)被用于网页排版成为可能。

研究认为,衬线与否并不影响阅读效率。但不可否认的是,在印刷出版业,通常使用衬线体作为正文排版——在过去几百年似乎一直如此。印刷的精度要高于屏幕显示,衬线体的细枝末节能够肆意舒展。普遍的意义上,衬线体更适合阅读,且衬线体往往给人严肃而规范的印象。

普遍认为,在传统的正文印刷中,衬线体能带来更佳的可读性(相比无衬线体),尤其是在大段落的文章中,衬线增加了阅读时对字母的视觉参照。

Colourphilosophy: 《Basics: 衬线》
CADAL01020073 御製數理精蘊.djvu 1
江宁藩署《御制数理精蕴》(1882年)

既然现阶段技术上的壁垒——像素密度——在一定意义上已经突破,使用衬线体排版也已经可能。但在未来相当长的一段时间里,低分辨率的屏幕依然存在,非衬线体仍将占据网页排版的主流,传统排印中的非衬线体标题、衬线体正文可能仍难以在网页排版中常见。

追随传统印刷排印风格还是让网页排印自成一派?自然这不是个二选一的问题,设计本身就是寻找一个合适的出路。