alfredxing / brick Goto Github PK

Although I can go to Google to see a sample specimen page for each font on brick.im, it will be useful to have them in the brick site itself. The user can click the image preview and land in a page similar to this: http://brick.im/preview/brick.html but for every font on the site. Those specimen pages are really useful to check the readability of the fonts before using them.

Please add Clear Sans to the list :)

• Clear Sans

It appears that the main site does not have a favicon. I do not know if this is intentional or not. Just thought I'd point it out. 😸

• Alegreya HT
• Alegreya Sans HT
• Bitter HT
• Telex HT Regular

There’s two versions of Alegreya HT, and only the non-OFL counterpart seems to be available from their website. It looks like that one will have to be taken from Google Web Fonts repository.

• Old Standard TT

I'm taking suggestions for new flags!

Good flags are easy to implement, and ideally, you can implement it yourself (most flags should just be an edit to index.php), but it's not a problem if you can't.

Hi, not sure what the "kiwi jam" thing is, but it would be nice if you could set the text you want previewed on the font page of the web site.

Cool project though, thanks!

• Oswald

Fira Sans has already been included, but what about the Mono!

You can see it at the bottom of the Fira Page

• Add Gentium Book Basic

Original Source: http://scripts.sil.org/cms/scripts/page.php?item_id=Gentium_basic

Downloads are at the bottom of the page. Thanks

This request was triggered by loading the Noto font using Brick (see #1). The Google Fonts version loads faster if a subset is specified (e.g. &subset=latin) because the whole font contains characters for several scripts, which makes it large.

If Brick supported loading subsets in a similar manner (maybe a flag?), it would achieve feature parity with Google Fonts in this domain (specifically, large fonts could be loaded faster).

Another adobe font designed to pair with Source Sans Pro.

Find it here: https://github.com/adobe/source-serif-pro

Continuation of the discussion in #21

If we were to extract the font catalog from the PHP file into its own, dedicated YAML file, we could use that data in Jekyll for GitHub Pages.
I learned that PHP has in fact no native support for parsing YAML so, @alfredxing can you install and use PECL extension wherever the PHP file is running?

• Rokkitt

• Playfair Display

Would love to have em!

I would suggest adding the Linux Libertine family to Brick. It is a great typeface with all the bells and whistles — small-caps, italics, open-type features, etc.

This looks like a great project!

• Linux Libertine

Backstory

The original site was thrown together in an hour during one of my classes (actually, a lab portion of of one of my computer science classes).

I honestly didn't expect to reach this level of popularity and usage. I didn't expect to reach the front page of Hacker News. Nor more than 2,000 stars on GitHub (thanks to everyone for supporting this project by the way!).

Thus, the site was coded up without much thought. It wasn't even responsive, though to my surprise more than 20% of visits to the site were from tablets or phones.

So...

The new design is a better thought-out and overall a lot cleaner. And it's responsive! It also comes with some awesome mouse-drawn illustrations.

The font catalogue was not changed however, though a complete revamp of that will hopefully be coming soon.

As always...

Feedback is of course welcome. If you find any bugs, or if you have any enhancements/ideas, feel free to comment or open up a new issue.

• Titillium

http://www.google.com/fonts/specimen/Titillium+Web

Usage mentions response looks like ... url(//brick.a.ssl.fastly.net/ebgaramond/400.woff) ... but it has been recently modified to ... url(//brick.a.ssl.fastly.net/fonts/ebgaramond/400.woff) ....

I would have changed it myself but I don't think you can make pull request for wiki pages.

It could be great to be able to run something like bower install brick-open-sans and almost instantly be ready to use it.

But it may require to create separate git repository for each font, because it has no sense to register package with all of brick fonts.

• Domine

This would be super to have. I've tried serving it and it's always slow.

Source

It'd be nice to have the type face (serif, sans-serif, monospace, etc) listed with the font. For example, right now I'm looking for a monospace font for to display code with and it'd be great if I could just search for monospace to find the fonts I'd be interested in.

It seems some have sans or serif appended to the name, but it isn't consistent enough to be able to search on with confidence.

How can i use it on ruby on rails. ?

Raleway 600 does not exist (woff file of 0 bytes). All other weights appear to be there.

It'd be great if you could add Bitter (from Google Fonts), I'm using it for titling. The rendering of brick.im (particularly) on Windows is starkly better, great work!

• Linux Biolinum

Thank you for providing such a great service, and in particular for making the awesome Linux Libertine available. Would you also consider adding its sister font, Linux Biolinum, to the collection? Like Linux Libertine, it's GPL and OFL, and the homepage is here: http://www.linuxlibertine.org.

These two fonts are especially useful for the complete set of diacritical marks they carry.

(Note: the WOFF files are already created, and available at the source site)

I would love to learn how to make contributions to this project.

Possibly a feature that would allow you to pick an choose fonts and add them to a collection that gave you a URL to include them all, just like how Google Fonts does it. I may be able to code this feature this week.

Have you considered embedding the fonts in the CSS file as base64 encoded strings? Until HTTP/2.0 request are still pretty expensive.

Karla

http://www.google.com/fonts/specimen/Karla
Source code: https://code.google.com/p/googlefontdirectory/source/browse/karla/?r=933898898b4eda54667fd5a52af8a3644c419432#karla%253Fstate%253Dclosed

As @PascalPrecht mentioned in #9, Mozilla already has a popular project called Brick, so I'm taking feedback on whether to rename the project.

Comment with your thoughts on the issue. I'm also taking name suggestions if you want a rename.

Here are the criteria for new names:

1. Must be one word
2. Must have an available and reputable TLD (no .io please, they're really expensive. If you want to suggest .io, you can contribute the domain 😄)

Thanks!

The Noto font is a very promising and ambitious font aimed at covering all scripts in current usage (the name stands for "no tofu") under a visually harmonious font. The stable release covers Latin, Cyrillic and Greek, but more families are already on track for release soon covering several other scripts. "Our current plan is to support all living scripts in Unicode by the end of 2014."

There are two families available in Google Fonts: Noto Sans and Noto Serif.

There's already a very popular open source project by mozilla called brick (http://mozilla.github.io/brick/) maybe you wanna rename yours to prevent confusion.

link related:

http://thenextweb.com/twitter/2014/05/31/twitter-com-says-goodbye-helvetica-neue-hello-gotham/

http://www.theverge.com/2014/5/30/5766106/twitter-quietly-changes-its-font-from-helvetica-neue-to-gotham

Muli

https://www.google.com/fonts/specimen/Muli
Source files: https://github.com/vernnobile/MuliFont

It would be great if the specimen page could utilize the fonts provided by brick and provide a form for a live preview.

For example, font shop's "Enter sample text":

http://www.fontshop.com/fonts/foundry/hurme_design/

In addition, this would eliminate a step in the woff creation process, essentially making it all automated and easy.

from http://fontforge.org/scripting-tutorial.html:

#!/usr/local/bin/fontforge
i=1
while ( i<$argc )
  Open($argv[i])
  Generate($argv[i]:r + ".woff")
  i = i+1
endloop

You can then run ./convert.pe ./* to convert all the fonts in the current directory to .woff.

• XITS Math or STIX Math
• Latin Modern Math

See this MDN page.

Please add these monospace jawns!

• Inconsolata ef6661c
• Anonymous Pro
• Source Code Pro

I'm working on an enhanced version of the catalogue, which will allow everyone to filter by certain font properties.

For now I've added the classification (serif, sans serif, or monospace) and suggested usage (display or body). While all of the classification fields are filled out, most of the usage fields are blank (for you to fill out!).

Feel free to fill these out and/or add more properties (maybe a type property to elaborate on the class property. and which contains a more specific classification (modern, transitional, humanist, geometric, etc.)

The file is at [catalogue]/_data/fonts.yaml.

Happy forking!

Forgot to add Lato in the beginning, will add it soon.

• Lato

The file name should be 500.woff, not 400.woff. Will fix very soon.

I noticed that the values given to font-weight in each @font-face rule are directly from the URL parameters.

An example: http://brick.a.ssl.fastly.net/Linux+Libertine:400,400i

For the italic variant in that request, the font-weight is 400i. This is an invalid value, which means that the heaviest font loaded will be used for rendering all italics.

Looking at the following examples shows how this causes unwanted behavior.

This page loads the fonts through a stylesheet link, like instructed:
http://www.film-o-holic.com/brick-example.html

It loads 400, 400i, 600,600i, 700, 700i for Linux Libertine and 400,400i,700,700i for Clear Sans.

This pages loads the fonts through an inline CSS, where each @font-face has a correct font-weight value. Otherwise it's identical:
http://www.film-o-holic.com/brick-example-2.html

This is an interesting project: https://github.com/i-tu/Hasklig

Allows for ligature support of various common code symbols:

Is it a good idea to add it?

[Another edit, looks like the author has renamed it to Hasklig]

• PT Serif
• PT Sans

Source code and website: http://www.paratype.com/public/

• Merriweather

https://www.google.com/fonts/specimen/Merriweather
http://www.google.com/fonts/specimen/Merriweather+Sans

• Comic Neue

http://comicneue.com/

No attribution is required

http://comicneue.com/comic-neue.zip

I have a site that uses EB Garamond, and on my machine italics do not work. I have EB Garamond installed locally. The local fallback for EB Garamond loads the "EB Garamond 12 Regular" font, so nothing is italicized.

@font-face{
    font-family:'Raleway';
    font-style:normal;
    font-weight:300;
    src:local('Raleway Light'),url(//brick.a.ssl.fastly.net/fonts/raleway/300.woff) format('woff')
}

@font-face{
    font-family:'Raleway';
    font-style:italic;
    font-weight:300;
    src:local('Raleway Light'),url(//brick.a.ssl.fastly.net/fonts/raleway/300i.woff) format('woff')
}

@font-face{
    font-family:'EB Garamond';
    font-style:normal;
    font-weight:400;
    src:local('EB Garamond 12 Regular'),url(//brick.a.ssl.fastly.net/fonts/ebgaramond/400.woff) format('woff')
}

@font-face{
    font-family:'EB Garamond';
    font-style:italic;
    font-weight:400;
    src:local('EB Garamond 12 Regular'),url(//brick.a.ssl.fastly.net/fonts/ebgaramond/400i.woff) format('woff')
}

@font-face{
    font-family:'EB Garamond';
    font-style:normal;
    font-weight:700;
    src:local(''),url(//brick.a.ssl.fastly.net/fonts/ebgaramond/700.woff) format('woff')
}

@font-face{
    font-family:'EB Garamond';
    font-style:italic;
    font-weight:700;
    src:local(''),url(//brick.a.ssl.fastly.net/fonts/ebgaramond/700i.woff) format('woff')
}

Emailed Support about this. According to this page, Pages uses Jekyll 1.5.1, which doesn't yet have collections support.

I'm waiting for their reply, but I guess for now the new fonts page won't be working. Sorry!