No frills. No gimmicks. Hack is hand groomed and optically balanced to be a workhorse face for code.
It has deep roots in the libre, open source typeface community and expands upon the contributions of the Bitstream Vera & DejaVu projects. The face has been re-designed with a larger glyph set, modifications of the original glyph shapes (including distinct point styles and semi-bold punctuation weight in the regular set to make analphabetic characters less transparent), and meticulous attention to metrics (including numerous spacing adjustments to improve the rhythm of the face and the legibility of code at small text sizes). The large x-height + wide aperture + low contrast design combined with Type 1 hinting/hint replacement programs and a TrueType instruction set make it highly legible at commonly used source code text sizes with a sweet spot that runs in the 8px - 12px range on modern desktop and laptop monitors. Combine it with an HD monitor and you can comfortably work at 6 or 7px sizes.
The font binaries are released under a license that permits unlimited print, desktop, and web use for commercial and non-commercial applications. It may be embedded and distributed in documents and applications. The source is released in the widely supported UFO format and may be modified to derive new typeface branches. The full text of the license is available in LICENSE.md
Click the image for the full type specimen.
The .otf or .ttf files may be used on OS X platforms.
The .ttf files are recommended for Linux and Windows users.
Hack web fonts are released in svg, eot, ttf, woff, and woff2 formats. They include complete character set and smaller basic Latin character set builds (smaller file size = shorter load times if you do not need the entire character set).
You can view the rendering of the web fonts at a range of sizes on the Hack type specimen.
Thanks to the generous crew at jsDelivr, you can use a CDN to add Hack to your website with a simple, single line of code. There is no need to download font files from the repository or serve them from your web server.
Include one of the following lines in the <head>
section of your site's HTML:
<link rel="stylesheet" href="//cdn.jsdelivr.net/font-hack/2.010/css/hack.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/font-hack/2.010/css/hack-extended.min.css">
Then style your text by including Hack
in the appropriate font-family
property of your CSS. For example:
code {
font-family: Hack, monospace;
}
The bold, oblique, and bold oblique text styles are formatted with HTML using <b>text block</b>
, <i>text block</i>
, and <b><i>text block</i></b>
HTML tags, respectively.
Download the entire web font archive at this link:
Or select the fonts that you need in subdirectories of the build directory:
build/ttf/Hack-Regular.ttf
build/ttf/Hack-Bold.ttf
build/ttf/Hack-Oblique.ttf
build/ttf/Hack-BoldOblique.ttf
build/otf/Hack-Regular.otf
build/otf/Hack-Bold.otf
build/otf/Hack-Oblique.otf
build/otf/Hack-BoldOblique.otf
build/eot/hack-regular-webfont.eot
build/eot/hack-bold-webfont.eot
build/eot/hack-regularoblique-webfont.eot
build/eot/hack-boldoblique-webfont.eot
build/eot/latin/hack-regular-latin-webfont.eot
build/eot/latin/hack-bold-latin-webfont.eot
build/eot/latin/hack-regularoblique-latin-webfont.eot
build/eot/latin/hack-boldoblique-latin-webfont.eot
build/svg/hack-regular-webfont.svg
build/svg/hack-bold-webfont.svg
build/svg/hack-regularoblique-webfont.svg
build/svg/hack-boldoblique-webfont.svg
build/svg/latin/hack-regular-latin-webfont.svg
build/svg/latin/hack-bold-latin-webfont.svg
build/svg/latin/hack-regularoblique-latin-webfont.svg
build/svg/latin/hack-boldoblique-latin-webfont.svg
build/web-ttf/hack-regular-webfont.ttf
build/web-ttf/hack-bold-webfont.ttf
build/web-ttf/hack-regularoblique-webfont.ttf
build/web-ttf/hack-boldoblique-webfont.ttf
build/web-ttf/latin/hack-regular-latin-webfont.ttf
build/web-ttf/latin/hack-bold-latin-webfont.ttf
build/web-ttf/latin/hack-regularoblique-latin-webfont.ttf
build/web-ttf/latin/hack-boldoblique-latin-webfont.ttf
build/woff/hack-regular-webfont.woff
build/woff/hack-bold-webfont.woff
build/woff/hack-regularoblique-webfont.woff
build/woff/hack-boldoblique-webfont.woff
build/woff/latin/hack-regular-latin-webfont.woff
build/woff/latin/hack-bold-latin-webfont.woff
build/woff/latin/hack-regularoblique-latin-webfont.woff
build/woff/latin/hack-boldoblique-latin-webfont.woff
build/woff2/hack-regular-webfont.woff2
build/woff2/hack-bold-webfont.woff2
build/woff2/hack-regularoblique-webfont.woff2
build/woff2/hack-boldoblique-webfont.woff2
build/woff2/latin/hack-regular-latin-webfont.woff2
build/woff2/latin/hack-bold-latin-webfont.woff2
build/woff2/latin/hack-regularoblique-latin-webfont.woff2
build/woff2/latin/hack-boldoblique-latin-webfont.woff2
Changes are in the Changelog.
Modified Version ("Hack") Copyright (c) 2015, Christopher Simpkins with Reserved Font Name Hack.
MODIFIED SIL OPEN FONT LICENSE & BITSTREAM VERA LICENSE
Original Version ("Bitstream Vera Sans Mono") Copyright (c) 2003 Bitstream, Inc. with Reserved Font Names Bitstream and Vera
BITSTREAM VERA LICENSE
The full text of these licenses is available in LICENSE.md