赫蹏(hètí)是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来,可以为网站的读者带来更好的文章阅读体验。
Find a file
2020-02-11 20:47:29 +08:00
lib Aloha 2020-02-11 20:47:29 +08:00
.editorconfig Aloha 2020-02-11 20:47:29 +08:00
.gitignore Aloha 2020-02-11 20:47:29 +08:00
.stylelintrc Aloha 2020-02-11 20:47:29 +08:00
index.scss Aloha 2020-02-11 20:47:29 +08:00
package-lock.json Aloha 2020-02-11 20:47:29 +08:00
package.json Aloha 2020-02-11 20:47:29 +08:00
README.md Aloha 2020-02-11 20:47:29 +08:00

赫蹏

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

主要特性:

  • 全标签样式统一;
  • 贴合网格的排版;
  • 内置多种预设字体族(仅限桌面端);
  • 支持横排、竖排两种排版;
  • 支持诗词、行间注版式;
  • 兼容 normalize.cssCSS Reset 等大部分重置样式;
  • 移动端支持;
  • ……

使用方法

  1. 在页面的 <head> 标签中引入 heti.css 文件:
    <link rel="stylesheet" href="./heti.css">
    
  2. 在要作用的容器元素上增加 class="heti" 的类名即可:。
    <article class="entry heti">
      <h1>我的世界观</h1>
      <p>有钱人的生活就是这么朴实无华,且枯燥</p>
      ……
    </article>
    

WIP

  • 繁体中文支持
  • 中、西文混排
  • 标点挤压
  • 标点悬挂
  • 诗词版式
  • 行间注版式

-- EOF --