Looks like it's not dealing well with nested section tags? That sounds weird and might not be the actual reason, but it's the first error I see in IE8's parsing.

A hidden gem of the Google Fonts catalog, where its specimen doesn't do it justice; better play with its unusual axes here: https://v-fonts.com/fonts/commissioner. It is also exclusively used on this website: https://on-air.caricomassimo.org/

Repo: https://github.com/kosbarts/Commissioner

Titillium is quite a nice font.

A good example of it in use is on Karma Runner.

I'm not entirely sure what the procedure is for submitting new suggestions here - does this suffice, or should I submit a pull request?

Thanks. Great repo by the way!

The main headline, "Beautiful Web Type" is set in Abril Fatface, but on http://hellohappy.org/beautiful-web-type/ I had to view the page's source code to find that out. (Fringe benefit: I also learned the hard way that you kerned W-eb, which for more easily is discoverable if you highlight the text by selecting it.) But, my point is, that first panel at the top of the page--shouldn't the fonts in it be conveniently identified too? (Pretty please?)

Okay so not really an issue, just a public service announcement from The Curator, David Higgins (@Higgo)

-- This repo has been included in The Github Pirates' Chest.

What is this about?
The Github Pirates is a constantly updated resource for those interested in HTML5, CSS3, and JavaScript.

You should find out more about this project below:

http://codepirat.es/

OR, Download The Chest:

http://isharefil.es/E9Co

My understanding is that even "open source" typefaces that support (things like) small caps don't ship with small caps in the Google Fonts version.

Is any attempt made to make that kind of information available on the site? Would a font page show it if it was available "elsewhere" even if not in the version served by Google? That would be important information for me.

(LOVE the design and the site in general btw. I will Patreon you when a space opens up in my Patreon budget!)

I really like Arvo ( http://www.google.com/webfonts/specimen/Arvo ).

What do you think about including it?

Hey, I have a font up with an Open Source Licence I'd like to submit!
http://giuliaboggio.xyz/helloboris
there's a try box and some pages from the specimen

xx
G

Hack is a font designed for source code. I've found it readable on small screens and has not given me eye strain.

The font is open-source (Here on Github!)
It is released under an MIT license.

Here are some example images.

OpenDyslexic is a typeface designed against some common symptoms of dyslexia.

It it licensed under a SIL-OFL license.
It is also open-source, Here on GitHub!

https://www.google.com/fonts/specimen/Arvo

The end tag is missing on line 101 of the index.html file. See https://github.com/RafalChmiel/beautiful-web-type/compare/patch-1.

Titillium is a sans-serif font consisting of a six weights created by students at the Italian Accademia di Belle Arti di Urbino:

https://www.fontsquirrel.com/fonts/Titillium

Titillium excels as a typeface for use in signage or technical drawings and schematics, and has a very modern feel. To give an impression:

https://twitter.com/DA_Rostock/status/1090546045275328512

Unfortunately, their project website appears to be lost, the domain lapsed and was apparently snapped up by some completely unrelated blog (or a scammer copying an existing blog for link farming).

Web Archive:

https://web.archive.org/web/20180212050943/http://www.campivisivi.net/titillium/

Website
Github

Type: Sans-serif, also available in monospace

License
Copyright 2016 Red Hat, Inc.,

This Font Software is dual licensed under the SIL Open Font License and the GNU Lesser General Public License, LGPL 2.1 : http://www.gnu.org/licenses/old-licenses/lgpl-2.1.en.html OFL 1.1 : http://scripts.sil.org/OFL

Amazing site. Thank you for making it.
I'm guessing you've already considered it as you quote Edward Tuft in the original version.
The typeface used in his books is available free and open-source.

https://edwardtufte.github.io/et-book/

Thanks again

Anonymous Pro is a fixed-width font designed with programming in mind. It is released under the Open Font License (OFL).

I like Abel, especially at small sizes since it stays very sharp:
http://typecast.com/preview/google/Abel

Hey!

What're the contributing guidelines like for this project? I wanna add Josefin Sans because it's a whimsical font with some great use cases.

Gentium has been my go-to typeface for elegantly typeset body text for years. It works especially well in print but is also suitable for full paragraphs of text on screen in documents and such if used with care:

https://software.sil.org/gentium/

As a sample: I've used it ten years a go for my Master's thesis. The screenshot doesn't really do the font justice do to Github scaling it, but to give an impression:

Gentium comes in Plus, Basic, and Book Basic variants. The FAQ explains the differences:

http://software.sil.org/gentium/support/faq/

Gentium supports Latin, Greek, and Cyrillic text.

At https://beautifulwebtype.com/source-code-pro/ in google chrome I see

I want to use your HTML / CSS as a starting point for a small static site. I'd love to attribute you, etc -- please add a license to make this clear :)

I'd suggest CC0 or public domain, personally.

There is a problem in the Source Sans Pro showcase for Smallcap headlines @weight 600 (see screenshot).
The fallback fond (serif) gets rendered.

I'm using

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:63.0) Gecko/20100101 Firefox/63.0

Hello! I don't see the donation button and https://www.coinbase.com/assets/tips.js gives 404. Maybe it is country specific. You should probably check it.

One combination that works very well for me is

• Alegreya
• Source Sans Pro
• (Source Code Pro)

Since all of these are not in the examples yet, I'd love to see them added!

Links no longer work.

OLD URL: http://www.google.com/webfonts/specimen/Playfair+Display
NEW URL: https://www.google.com/fonts/specimen/Playfair+Display

Hello,

Using your example the fonts are very smooth on Windows 7.

When I use my own Google web font, I can't get this kind of smooth.

Where is the trick?

Thanks in advance!

Instead of this hack:

    <h1>Beautiful W<span class="kern">eb</span> Type</h1>

You should specify text-rendering:optimizeLegibility, which will enable kerning for Latin text in Chrome and Safari. Or is there another reason for that?