npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@sarap422/font-hackgen

v1.0.0

Published

Web font collection with size-adjust support for optimal typography balance

Readme

プログラミングフォント 白源 (はくげん/HackGen)

HackGen is a composite font of Hack and GenJyuu-Gothic.

白源 (はくげん/HackGen) は、プログラミング向け英文フォント Hack と、源ノ角ゴシックの派生フォント源柔ゴシックを合成したプログラミングフォントです。

image

2つのフォントをただ合成しただけではなく、一部の独自改変により更なる視認性向上を図っています。

  • 文字幅 半角1:全角2 の正統派な等幅フォント (文字幅 半角3:全角5 バージョンも同梱)
  • Hack 由来の読みやすく、しっとりとした印象の英字
  • 源柔ゴシック由来の引き締まりつつ、丸ゴシックの風合いのあるカナ文字・漢字 (第一~第四水準漢字まで対応)
  • 全角スペースの可視化、パイプ記号 | の破断線化 (Ricty Discord インスパイア)
  • 英字部分にはヒンティングを付与することで明瞭な表示
  • Powerline 記号の表示
  • その他、判読性の向上
    • 濁点、半濁点を通常より大きくし、表示サイズが小さい場合でも区別しやすくした
    • 長音記号 と漢数字の1 にアクセントを付け区別しやすくした
    • カタカナ にアクセントを付け、ひらがなと区別しやすくした

💡 その他、公開中のプログラミングフォント

|白源 通常版|白源 半角3:全角5 版| |:------------------------:|:------------------------:| |hackgen|hackgen35|

フォントファミリーの種類

※いずれのフォントにも Powerline 記号が含まれています。

|フォント ファミリー|説明| |:------------:|:---| |HackGen|文字幅比率「半角1:全角2」の通常版の白源。主にASCIIコードの英数字記号に Hack ベースの字体を使い、その他の記号類やかな文字・漢字を源柔ゴシックベースにしている| |HackGen Console|Hack ベースの字体を除外せずに全て適用したフォントファミリー。矢印記号などの多くの記号が半角で表示されるため、コンソールでの利用や記号類は可能な限り半角で表示したい人にオススメ| |HackGen35|通常版の白源の文字幅比率を「半角3:全角5」にしたフォントファミリー。英数字が通常版の白源よりも大きく表示される。日本語が少ない文書やコードの場合にはこちらの方が読みやすいと感じるかもしれない| |HackGen35 Console|HackGen Console の文字幅比率を 半角3:全角5 にしたフォントファミリー|

|HackGen 系統|HackGen35 系統| |:---:|:---:| |HackGenhackgen|HackGen35hackgen35| |HackGen Consolehackgen console|HackGen35 Consolehackgen35 console|

また、追加で提供している HackGen NF HackGen35 NF フォントファミリーには、Nerd Fonts を追加合成しており、Font Awesome をはじめとした多くのアイコンフォントが表示できるようになります。

フォントのインストール

ビルド済みの ttf ファイルは GitHub のリリースページからダウンロードできます。
ダウンロードした ttf ファイルは、各 OS に応じた手順でインストールしてください。

Release - HackGen

  • HackGen_バージョン.zip は従来の HackGen/HackGen35
  • HackGen_NF_バージョン.zip は従来の HackGen/HackGen35 に Nerd Fonts を追加合成したもの

Homebrew によるフォントのインストール

Mac の Homebrew ユーザーは以下のコマンドでもインストールすることができます。
※Homebrew リポジトリに追加してくださったのはユーザーさんなので、使用方法などをリポジトリオーナーはサポートできません。悪しからずご了承ください。

$ brew install font-hackgen
$ brew install font-hackgen-nerd

Chocolatey によるフォントのインストール

Windows の Chocolatey ユーザーは以下のコマンドでもインストールすることができます。
font-hackgen が Nerd Fonts を含まないフォント、font-hackgen-nerd が Nerd Fonts を含むフォントです。
※インストールに失敗する場合は、パッケージのリポジトリにissueを投稿してください。

> choco install font-hackgen
> choco install font-hackgen-nerd

ビルド環境

HackGen は以下の環境でビルドしています。

  • OS: Ubuntu 20.04.2 (Kubuntu)
  • Tools
    • ttfautohint: 1.8.3
    • fonttools: 3.44.0
    • fontforge: 20201107

ビルドツールのインストール方法と注意点

  • ttfautohint: sudo apt install ttfautohint
  • fonttools: Python 2 の pip で sudo pip2 install fonttools
    • fonttools に含まれるサブツール pyftmergettx をコマンドとして利用しているため、sudo を使ってシステム全体で使えるようにする
    • Python 3 の pip を使ったものは fonttools 4.13.0 がインストールされる (2020/08/01 時点)。 fonttools 4.13.0 では post テーブルの構造が変わってしまうため、macOS 10.15 にてインストール不可となる (#12)
  • fontforge: 公式サイト よりダウンロード