当前位置: 首页 > 软件库 > Web应用开发 > CSS框架 >

赫蹏

中文排版样式增强
授权协议 MIT
开发语言 HTML/CSS
所属分类 Web应用开发、 CSS框架
软件类型 开源软件
地区 国产
投 递 者 公西姚石
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

赫蹏(hètí)是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来,可以为网站的读者带来更好的文章阅读体验。

预览:https://sivan.github.io/heti/

主要特性:

  • 贴合网格的排版;
  • 全标签样式美化;
  • 预置古文、诗词样式;
  • 预置多种排版样式(行间注、多栏、竖排等);
  • 多种预设字体族(仅限桌面端);
  • 简/繁体中文支持;
  • 自适应黑暗模式;
  • 中西文混排美化,不再手敲空格��(基于 JavaScript 脚本);
  • 全角标点挤压(基于 JavaScript 脚本);
  • 兼容 normalize.cssCSS Reset 等常见样式重置;
  • 移动端支持;
  • ……

使用方法

  1. 在页面的 <head> 标签中引入 heti.css 文件:
    <link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
    
  2. 在要作用的容器元素上增加 class="heti" 的类名即可:
    <article class="entry heti">
      <h1>我的世界观</h1>
      <p>有钱人的生活就是这么朴实无华,且枯燥</p>
      ……
    </article>
    
  3. 使用增强脚本(可选):
    <script src="//unpkg.com/heti/umd/heti-addon.min.js"></script>
    <script>
      const heti = new Heti('.heti');
      heti.autoSpacing(); // 自动进行中西文混排美化和标点挤压
    </script>
    

开发中

  • 自适应黑暗模式

  • 标点挤压

  • 中、西文混排

  • 繁体中文支持

  • 诗词版式

  • 行间注版式

 相关资料
  • Roboto 自从 Ice Cream Sandwich 发布以来,Roboto 都是 Android 系统的默认字体集。在这个版本中,将 Roboto 做了进一步全面优化,以适配更多平台。宽度和圆度都轻微提高,从而提升了清晰度,并且看起来更加愉悦。 Roboto字体 - 1.21 MB(.zip) 标准样式(Standard Styles) 字体排版的缩放和基本样式(Typographic Sc

  • 本文向大家介绍学习使用Bootstrap页面排版样式,包括了学习使用Bootstrap页面排版样式的使用技巧和注意事项,需要的朋友参考一下 Bootstrap之页面排版样式 Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美,可用于快速、简单地构建基于 PC 及移动端设备的 We

  • 2.1 Characters and Principles for Arranging Characters in Chinese Composition 中文排版所使用的文字和基本原则 中文排版所使用的文字和基本原則 2.1.1 Characters used for Chinese Composition 中文排版所使用的文字 中文排版所使用的文字 The majority of the te

  • 本文整理了中文(汉字)书写系统于排版上的需求。一方面说明需求事项以明确描述中文排版之需求与问题;另一方面也提出与既有标准(如Unicode)的对应,冀求本文能更有效地促进实现。

  • 主要内容:Bootstrap 4 默认设置,<h1> - <h6>,实例,实例,<small>,实例,<mark>,实例,<abbr>,实例,<blockquote>,实例,<dl>,实例,<code>,实例,<kbd>,实例,<pre>,实例,更多排版类Bootstrap 4 默认设置 Bootstrap 4 默认的 font-size 为 16px, line-height 为 1.5。 默认的 font-family 为 "Helvetica Neue", Helvetica, Arial

  • 主要内容:Bootstrap 5 默认设置,<h1> - <h6>,实例,实例,实例,<small>,实例,<mark>,实例,<abbr>,实例,<blockquote>,实例,<dl>,实例,<code>,实例,<kbd>,实例,<pre>,实例,更多排版类Bootstrap 5 默认设置 Bootstrap 5 默认的 font-size 为 16px, line-height 为 1.5。 默认的 font-family 为 "Helvetica Neue", Helvetica, Ar