https://github.com/alfredxing/brick
Open-source webfont service
https://github.com/alfredxing/brick
font web-fonts
Last synced: 3 months ago
JSON representation
Open-source webfont service
- Host: GitHub
- URL: https://github.com/alfredxing/brick
- Owner: alfredxing
- Archived: true
- Created: 2013-12-06T21:22:41.000Z (over 11 years ago)
- Default Branch: gh-pages
- Last Pushed: 2018-04-11T07:04:29.000Z (about 7 years ago)
- Last Synced: 2024-09-27T03:03:11.198Z (7 months ago)
- Topics: font, web-fonts
- Language: HTML
- Homepage: http://brick.im
- Size: 88.7 MB
- Stars: 2,866
- Watchers: 44
- Forks: 96
- Open Issues: 50
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-github-repos - alfredxing/brick - Open-source webfont service (HTML)
README
### [Brick.](http://brick.im) Webfonts that actually look good.
[](https://travis-ci.org/alfredxing/brick)
In the age of the Internet, we've found ourselves in yet another typographic battle. In an effort to speed up loading times, we've compressed fonts, and along the way, we've lost the majority of the quality of rendered type.
Let's change that. The fonts served by Brick are clones of the original, converted without modification to several formats for wider browser compatibility.
All fonts are served as WOFF-compressed versions of the originals—no quality lost.
### Usage
Okay, let's get started. I don't want to overload the GitHub servers, so the font serving takes place on another server. The loading itself is quite simple; kind of like using Google Web Fonts (but with more customization options—we'll get to that later).
Suppose you want to use a font that's in the catalog, for example, TeX Gyre Heros, and only in regular weight.
The stylesheet URL would be structured like this:
````
//brick.freetls.fastly.net/TeX+Gyre+Heros:400
````
And if you also want to load EB Garamond regular and italic, you can do that too:
````
//brick.freetls.fastly.net/TeX+Gyre+Heros:400/EB+Garamond:400,400i
````
Big shoutout to [Fastly](http://www.fastly.com), whose backing makes everything a lot faster, and [Linode](https://www.linode.com/), for providing a reliable origin server!
### Is it actually better?
You can see for yourself (best comparison is in Chrome; Firefox seems to render all fonts pretty well, though the difference is still clearly visible):
- [Brick](http://brick.im/preview/brick.html)
- [Google Fonts](http://brick.im/preview/google.html)
Take note of:
- Font rendering and smoothing
- Ligatures: the `fi` ligature in the title
- Kerning: the `Ve` pair in `Vestibulum`
- Character sets: although not demonstrated in the previews, Brick fonts include the entire character set that came with the original
Fonts used in the previews:
- EB Garamond (body text)
- Libre Baskerville (header and link)
### [Contributing](https://github.com/alfredxing/brick/wiki/Contributing)
For contributing guidelines and instructions, please see the [wiki page](https://github.com/alfredxing/brick/wiki/Contributing).