链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

typo.css-中文网页排版优化项目

typo.css是一个专注于中文网页重设与排版的项目。它致力于一致化浏览器排版效果,构建最适合中文阅读的网页排版,适用于桌面和移动平台。项目包含多种功能,如合理的reset.css内容、特定的排版class设置以及针对中文排版元素的样式增强,并且基于MIT License开源,使...

访问官网 →

项目标题:typo.css-中文网页重设与排版优化

项目简介

typo.css是一个用于中文网页重设与排版的项目。它的目标是一致化浏览器排版效果,构建最适合中文阅读的网页排版,适用于桌面和移动平台。项目包含如README.md(使用帮助)、license.txt(许可证)、typo.css(应用于项目)和typo.(Demo/预览)等文件。

项目核心技术

  1. 包含一般reset.css所需内容,保持元素的干净reset,避免像normalize.css那样预定义过多样式给自定义带来麻烦,例如让ul/ol无样式且无多余的padding/margin。2. 采用class=”typo”进行阅读内容排版,在文章/文档阅读页面添加该class,使table/ol/ul等有预定样式,父容器未添加class=”typo”时,可用class=”typo-标签”实现类似样式。3. 增加一些针对中文日常排版的类,如专名号可使用或.typo-u,着重号使用.typo-em,清理浮动与一般reset.css一致为.clearfix,强制换行可添加.textwrap(table还需.textwrap-table),衬线字体添加.serif,在中添加.borderbox等。

项目总结

typo.css是一个非常实用的中文网页排版项目,基于MIT License开源,使用代码只需说明来源或引用license.txt即可。希望大家对这个项目有更多的了解和探索,欢迎大家留言参与对这个项目的讨论。

项目地址

GitHub链接直达