antfu/furifont

选用指南

AI 根据 README 整理 · 2026/10/18 21:01:10

使用方式

通过 CSS 设置 font-family 为 'Furifont Sans' 或 'Furifont Serif' 使用，也可通过网站上的书签或用户脚本为任意网页应用。

查看 README 依据

 # Furifont <img src="logo.svg" style="float: right;" alt="Furifont" width="96" height="96"> **Furigana, set by the font.** A Japanese font that shows furigana by itself. The text stays plain: no `<ruby>` markup, no JavaScript, no plugin. It works everywhere that supports custom fonts. Check out the demo and playground on **[furifont.antfu.me](https://furifont.antfu.me)** <!-- eslint-skip --> ```html <p class="furifont">今日は日本語の勉強をします。</p> <style> .furifont { font-family: 'Furifont Sans'; line-height: 1.7; } </style> ``` ## How it works

## Download Each [release](https://github.com/antfu/furifont/releases/latest) has Sans and Serif, in Hiragana and Romaji, Regular as OpenType and WOFF2, and a variable font of every weight from ExtraLight to Heavy (`Furifont Sans VF`), as TrueType and WOFF2, whose furigana follows the weight of the text. Set `line-height` to 1.6 or more so the furigana is not clipped. ## Use on websites The [website](https://furifont.antfu.me) has a bookmarklet and a [userscript](https://furifont.antfu.me/furifont.user.js) that set any page in Furifont, with optional okurigana readings. ## Build your own

部署要求

构建自定义字体需要 Node 22.18 或更高版本。

查看 README 依据

Choose another base font, word list, furigana letters or sizes. Needs Node 22.18 or later. ```sh npx furifont dev # Customize: live preview in your browser npx furifont build --base "Source Han Serif JP Bold" --script hepburn --family "My Furigana" ``` Settings live in `furifont.config.json`; their defaults are in [`packages/core/src/defaults.ts`](packages/core/src/defaults.ts). | Package | | | --- | --- | | [`furifont`](packages/cli) | The CLI and the server behind Customize | | [`@furifont/core`](packages/core) | Plans glyphs and OpenType rules from a dictionary |

已知限制

由于字体只能看到连续的汉字串，无法理解句子上下文，注音可能不正确。

查看 README 依据

Furifont is compiled from Source Han Sans JP or Source Han Serif JP. A build step reads a dictionary of thousands of words and draws the furigana into new glyphs. For each word, the font holds a ligature: 今日 becomes one glyph with きょう above it. Longer words win (日本語 before 日本), and a kanji with no clear reading stays bare. Details on the [website](https://furifont.antfu.me) and in [docs/design.md](docs/design.md). > [!WARNING] > Furigana might be incorrect, due to the limits of fonts: a font sees one run of kanji at a time, not the sentence around it. Keep that in mind when you read.