furifont 0.1.2 → 0.3.0

package/dist/client/_nuxt/DLl_pn_F.js

@@ -1,58 +0,0 @@
-var e=`# Install the font
-
-Install Furifont on your computer to use it in any app that lets you choose a font: word processors, design tools, slides, notes, and the browser.
-
-## Choose a file
-
-Get the fonts from the [Download](/#downloads) section or from the [latest release](https://github.com/antfu/furifont/releases/latest). [Furifont.zip](https://github.com/antfu/furifont/releases/latest/download/Furifont.zip) has all of them.
-
-There are four families: Sans and Serif, each with hiragana or romaji ruby. Each family comes in two kinds of file:
-
-| File | Family name in apps | Weights |
-| --- | --- | --- |
-| \`FurifontSansVF.ttf\` | Furifont Sans VF | Every weight, from ExtraLight to Heavy |
-| \`FurifontSans-Regular.otf\` | Furifont Sans | Regular only |
-
-Pick the variable font (\`VF.ttf\`) if your apps support variable fonts. Its ruby follows the weight of the text. Use the \`.otf\` file for an app that does not show the variable font, or shows only one weight of it.
-
-The \`.woff2\` files are for websites. Computers do not install them. See [Use on your website](/docs/website).
-
-## macOS
-
-1. Double-click the \`.ttf\` or \`.otf\` file. Font Book opens.
-2. Click **Install**.
-
-You can also drag the files into the \`Library/Fonts\` folder in your home folder. To install the font for all users, use \`/Library/Fonts\` instead.
-
-## Windows
-
-1. Right-click the \`.ttf\` or \`.otf\` file.
-2. Click **Install** for your user only, or **Install for all users**.
-
-You can also drag the files onto **Settings > Personalization > Fonts**. On Windows 11, first click **Show more options** to see **Install** in the menu.
-
-## Linux
-
-Copy the files to your fonts folder, then refresh the font cache:
-
-\`\`\`sh
-mkdir -p ~/.local/share/fonts
-cp FurifontSansVF.ttf ~/.local/share/fonts/
-fc-cache -f
-\`\`\`
-
-Check that the system finds it:
-
-\`\`\`sh
-fc-list | grep Furifont
-\`\`\`
-
-To install for all users, copy the files to \`/usr/local/share/fonts\` instead (with \`sudo\`).
-
-## After you install
-
-- Restart the apps that were open, so they see the new font.
-- Give lines enough height. The ruby sits above the kanji, so text needs a line spacing of about 1.6 or more, or the ruby is cut off.
-- To hide the ruby without changing the font, turn on **Stylistic Set 1**. In Word for Windows, it is in **Font > Advanced > Stylistic sets**. On macOS, apps that use the system font panel show it under **Typography**.
-- To show another reading of a word, see [Choose a reading](/docs/readings).
-`;export{e as default};

package/dist/client/_nuxt/DSYkQlQa.js

@@ -1 +0,0 @@
-import{D as e,Kt as t,M as n,T as r,Z as i,_ as a,et as o,j as s,lt as c,w as l,wt as u}from"./DmlUWPPW.js";import{t as d}from"./Cg7TlFyt.js";import{t as f}from"./BDNMzG2s.js";import{n as p,o as m}from"#entry";var h={},g={class:`grid lg:grid-cols-[240px_1fr]`},_=[`aria-label`],v={class:`flex flex-col gap-1 p-6 lg:sticky lg:top-14`},y={class:`label mb-2`};function b(f,h){let b=d,x=p;return i(),e(`div`,g,[l(`nav`,{class:`border-b border-base lg:border-b-0 lg:border-r`,"aria-label":f.$t(`nav.docs`)},[l(`div`,v,[l(`span`,y,t(f.$t(`nav.docs`)),1),(i(!0),e(a,null,o(`DOCS`in f?f.DOCS:u(m),e=>(i(),r(b,{key:e,to:`/docs/${e}`,class:`focus-ring py-1 text-sm color-muted transition-colors hover:color-base`,"active-class":`!color-base font-medium`},{default:c(()=>[s(t(f.$t(`docs.${e}`)),1)]),_:2},1032,[`to`]))),128))])],8,_),n(x)])}var x=f(h,[[`render`,b]]);export{x as default};

package/dist/client/_nuxt/DT7XmrQw.js

@@ -1,132 +0,0 @@
-var e=`# Use on your website
-
-Furifont is a normal web font. Load it with \`@font-face\`, set it on your Japanese text, and the ruby shows. Your HTML does not change: no \`<ruby>\` tags and no JavaScript.
-
-## Load the font
-
-Download the \`.woff2\` files from the [latest release](https://github.com/antfu/furifont/releases/latest) and put them with your site's other files. The variable font (\`VF.woff2\`) has every weight in one file:
-
-\`\`\`css
-@font-face {
-  font-family: 'Furifont Sans';
-  src: url('/fonts/FurifontSansVF.woff2') format('woff2');
-  font-weight: 250 900;
-  font-display: swap;
-}
-\`\`\`
-
-The name in \`font-family\` is yours to choose. The other families are \`FurifontSansRomaji\`, \`FurifontSerif\` and \`FurifontSerifRomaji\`.
-
-Each font has thousands of words, so a variable font is about 6 MB. Serve it with a long cache time, so the browser downloads it only once.
-
-To try Furifont without hosting the files, you can load them from this site. These URLs always serve the latest release:
-
-\`\`\`css
-@font-face {
-  font-family: 'Furifont Sans';
-  src: url('https://furifont.antfu.me/fonts/FurifontSansVF.woff2') format('woff2');
-  font-weight: 250 900;
-}
-\`\`\`
-
-## Set it on your text
-
-\`\`\`css
-:lang(ja) {
-  font-family: 'Furifont Sans', sans-serif;
-  line-height: 1.8;
-}
-\`\`\`
-
-::docs-example{text="今日は日本語の勉強をします。"}
-::
-
-**Give the lines room.** The ruby is drawn above the kanji, inside the line. With a \`line-height\` under 1.6, the ruby of one line touches the line above it.
-
-**Keep your Latin font.** Put your own font first. It sets the Latin letters, and the browser takes the kanji and kana from Furifont:
-
-\`\`\`css
-body {
-  font-family: Inter, 'Furifont Sans', sans-serif;
-}
-\`\`\`
-
-**Align with other fonts.** Furifont makes its line taller at the top, to make room for the ruby. Next to icons or other fonts, its text can then sit a little low. These descriptors put the kanji in the middle of the line, the way this site does:
-
-\`\`\`css
-@font-face {
-  font-family: 'Furifont Sans';
-  src: url('/fonts/FurifontSansVF.woff2') format('woff2');
-  font-weight: 250 900;
-  ascent-override: 88%;
-  descent-override: 12%;
-  line-gap-override: 0%;
-}
-\`\`\`
-
-## CSS controls
-
-### Turn the ruby off
-
-Stylistic set 1 (\`ss01\`) shows the plain kanji. Use it where ruby gets in the way, such as headings, buttons or tables:
-
-\`\`\`css
-h1, button {
-  font-feature-settings: 'ss01';
-}
-\`\`\`
-
-::docs-example{text="今日は日本語の勉強をします。" css="font-feature-settings: 'ss01'"}
-::
-
-If your page already has \`<ruby>\` markup, turn Furifont's ruby off inside it, so the text does not get ruby twice:
-
-\`\`\`css
-ruby {
-  font-feature-settings: 'ss01';
-}
-\`\`\`
-
-### Weight
-
-The variable font has every weight from 250 (ExtraLight) to 900 (Heavy). The ruby follows the weight of the kanji:
-
-\`\`\`css
-.light { font-weight: 250; }
-.heavy { font-weight: 900; }
-\`\`\`
-
-::docs-example{text="日本語の勉強" css="font-weight: 250"}
-::
-
-::docs-example{text="日本語の勉強" css="font-weight: 900"}
-::
-
-### Size
-
-The ruby is part of the font, so it scales with \`font-size\`. Nothing else needs to change.
-
-### Choose a reading
-
-Furifont shows the most common reading of each word. To show another one, set \`salt\` (stylistic alternates) on a \`<span>\` around the word. \`'salt' 2\` shows reading 2:
-
-\`\`\`html
-<span style="font-feature-settings: 'salt' 2">市場</span>
-\`\`\`
-
-::docs-example{text="市場"}
-::
-
-::docs-example{text="市場" css="font-feature-settings: 'salt' 2"}
-::
-
-The span must hold the whole word, and only that word. \`salt\` acts on the first kanji of the run of kanji in the span.
-
-\`font-feature-settings\` replaces the whole list from the parent. To keep the ruby off and choose a reading at the same time, write both in one declaration.
-
-To choose a reading in the text itself, use a variation selector. See [Choose a reading](/docs/readings), which also tells where to find the reading numbers of each word.
-
-## Okurigana
-
-A browser shapes kanji and kana apart, so the font never sees the okurigana after a kanji. It cannot tell 来る from 来ない. To show the right reading there, wrap the kanji in a \`salt\` span as above. The [bookmarklet and the userscript](/#any-page) do this for you on any page.
-`;export{e as default};