For use on:

• fontawesome.com
• docs.fontawesome.com
• webawesome.com
• 11ty.dev and build.awesome.me
• blog.fontawesome.com (deployed)
• and (aspirationally) podcastawesome.com

Compatible with Font Awesome web font <i> icons, <svg> embedded icons (and Build Awesome’s icon plugin), and Web Awesome’s <wa-icon>.

Relevant assets:

• awesome-nav.css
• awesome-nav.js

See index.html for usage examples.

• CSS Nesting
• :has()
• WOFF2 for brand wordmarks (Cera Round Pro, aggressively subset to A-Z uppercase)

• Not yet published on npm
• Build Awesome icon is not yet available in Font Awesome core. Examples will be updated when this ships.

• Used npx datauri-cli assets/cera-round-pro-black.woff2 | pbcopy to create Data URI for CSS file.