# @thewakingsands/axis-font-icons

> [English Version](./README_en.md)

Latest version **0.4.0** (published 2025-08-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install @thewakingsands/axis-font-icons
pnpm add @thewakingsands/axis-font-icons
yarn add @thewakingsands/axis-font-icons
bun add @thewakingsands/axis-font-icons
```

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.4.0 |
| Published | 2025-08-12 |
| First published | 2020-05-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 30.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | oott123 |

## Links

- npm: https://www.npmjs.com/package/@thewakingsands/axis-font-icons
- npm.io page: https://npm.io/package/@thewakingsands/axis-font-icons

## Recent versions

- 0.4.0 (latest) — 2025-08-12
- 0.3.0 — 2021-02-27
- 0.2.1 — 2020-05-05
- 0.2.0 — 2020-05-05

## README

# Icons in FFXIV Axis font

[English Version](./README_en.md)

本仓库提供《最终幻想 14》游戏内使用的 fonticon 的定义和 webfont css 文件。这里提供的图标定义均仔细考证游戏中的用处，并精心挑选其命名。

对部分图标我们仍未知道其具体用途。如果你知道，可以在 issue 中告诉我们。

## 字体下载地址

请注意，由于 webfont 文件版权属于 SE，本项目并不分发字体，你需要自行下载字体使用，并确保遵循 SE 的版权规定。

```
https://img.finalfantasyxiv.com/lds/pc/global/fonts/FFXIV_Lodestone_SSF.woff
https://img.finalfantasyxiv.com/lds/pc/global/fonts/FFXIV_Lodestone_SSF.ttf
```

## 使用方法

本仓库提供一个字体定义文件 `characters.json` 和一份处理好的 css 文件 `index.css`。

首先你需要使用 CSS 定义 webfont 如下：

```css
@font-face {
  font-family: 'FFXIV';
  src: url('FFXIV_Lodestone_SSF.ttf') format('truetype'),
       url('FFXIV_Lodestone_SSF.woff') format('woff');
  unicode-range: U+E020-E0DB;
}
```

注意修改其中的 url 为上文下载的字体文件。

然后你需要引入本仓库中提供的 index.css，此操作方法多种多样，请根据自己情况选择。
例如在有 `style-loader` 的 webpack 项目中，可以通过在入口点 import 本项目：

```js
import '@thewakingsands/axis-font-icons'
```

或者直接复制最新的[CSS 代码](https://www.unpkg.com/@thewakingsands/axis-font-icons@latest/index.css)也可以。

引入完成后，在 HTML 中可直接使用 `<i>` 标签显示字体：

```html
<i class="xiv hq"></i>
```

或者也可以使用字符的 16 进制编码：

```html
<i class="xiv e03c"></i>
```

## 字符集

字符集可以在 [这里](https://thewakingsands.github.io/ffxiv-axis-font-icons/) 查看，或者运行 `make.sh` 后打开本地的 icons.html。

---
_Source: https://npm.io/package/@thewakingsands/axis-font-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._