Question 1

How do I use Brick fonts in my website?

Accepted Answer

Include a link to the Brick stylesheet URL in your HTML, similar to Google Fonts. For example, add <link rel='stylesheet' href='//brick.freetls.fastly.net/TeX+Gyre+Heros:400'> to load TeX Gyre Heros regular weight.

Question 2

Brick vs Google Fonts: which is better for quality?

Accepted Answer

Brick focuses on lossless quality with full character sets and no compression artifacts, while Google Fonts often uses subsets and compression for speed. Brick is superior for typographic fidelity, but Google Fonts has a larger catalog and better performance optimizations.

Question 3

Does Brick support italic and bold weights?

Accepted Answer

Yes, you can specify weights and styles in the URL. For instance, /EB+Garamond:400,400i loads regular and italic, and additional weights like :700 for bold, as shown in the README usage examples.

Question 4

How to load multiple fonts from Brick?

Accepted Answer

Combine fonts in the URL separated by slashes. Example: //brick.freetls.fastly.net/TeX+Gyre+Heros:400/EB+Garamond:400,400i loads two fonts with their respective variants in a single request.

Question 5

Is Brick free for commercial use?

Accepted Answer

Brick is open-source and free to use, but check the licenses of individual fonts in the catalog, as they may have their own terms for commercial deployment, and the service relies on external infrastructure.

Question 6

What formats does Brick serve fonts in?

Accepted Answer

Brick converts fonts to several formats including WOFF for broad browser compatibility, though specific formats aren't detailed in the README; it ensures support across devices without quality loss.

Brick

What is Brick?

Overview

Use Cases

Best For

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Open Source Alternative To

Frequently Asked Questions