Gradient
Background Test
Archivo Narrow bold
The font is Archivo Narrow as is the page heading.
This comes in weights 400 to 700. Line-height is default
A fairly narrow font but only in 4 styles: Bold, Regular plus italics versions.
This is Stint Ultra Condensed. This replaced Steelfish, not available on Google fonts. Nice and narrow.
Adipisci laborum maiores eaque quis quibusdam quam accusamus aliquid corporis id. Deserunt neque architecto rerum! Dolorum, illum dolorem ipsum obcaecati sit molestiae. Vero, error? Dolorem, error dolorum!
Officiis labore tenetur odit voluptatum exercitationem nisi sed tempore doloribus! Consequatur alias quidem deserunt dignissimos sed suscipit quam recusandae distinctio culpa, aliquam nesciunt, nemo similique sapiente. Nesciunt!
Dolorum tempora at perferendis voluptates? Impedit repudiandae doloremque quibusdam, accusantium consequatur voluptate repellendus totam beatae aperiam nisi nam soluta numquam, mollitia, maxime possimus neque. Facere, minus est!
Commodi sequi delectus repellat at libero quia repudiandae culpa voluptatibus id architecto numquam reprehenderit vero similique, fugiat eaque, pariatur praesentium sapiente consequatur. Vel quos laboriosam iusto quidem.
Eaque soluta porro illo facilis! Illo, reprehenderit sequi ut quaerat odio, quisquam, earum dolor at voluptatum explicabo accusamus praesentium perferendis distinctio quos tempora neque soluta nulla! Soluta?
Saira Extra Condensed Bold
This font is Noto Sans Condensed that comes in 18 styles.
Black, ExtraBold, Bold, SemiBold, Medium, Regular (no suffix), Light, ExtraLight, Thin.
Animi vitae tenetur labore doloribus? Molestias assumenda, error ab sunt dolores quod in aliquid! Sunt voluptatem doloremque cupiditate qui, quasi culpa!
This is the black version
Odit at, dignissimos, nostrum cumque illum dolorum voluptatem nisi maxime delectus a quos quaerat facere cupiditate voluptatum quisquam natus accusamus obcaecati!
The Thin version
Officia libero excepturi quia eum culpa iste quis? Necessitatibus dolores exercitationem, ea perferendis possimus odio, dignissimos placeat laborum nobis, perspiciatis vero?
Recusandae natus cupiditate repellat aliquid est repellendus quia hic esse explicabo veritatis numquam, molestiae optio ipsam, et necessitatibus ullam illum sed!
Quisquam sit sequi magni cupiditate natus reprehenderit iusto, quam at laboriosam atque odio ullam ratione possimus debitis sapiente ipsa quis consequuntur?
The Light version below:
Labore aliquid reprehenderit harum, doloribus impedit! Nam mollitia voluptates
sit modi! Et ducimus labore corrupti ut adipisci. Molestiae, ab facere molestias architecto ducimus vero
eaque sequi ex dolorum dolor aliquid, nesciunt eligendi voluptas aspernatur. Laudantium ipsa exercitationem
accusantium?
The font is Trueno. Weight is Ultra Light.
Font-size is 120%. Line-height is default
Comes in a whopping 22 styles from Black to UltraLight plus BlackOutline and ExtraBoldOutline. All come with italic styles.
This is Ultra Black
This is Extra Bold
This is plain old Bold
This is Trueno Regular, the next weight up from Ultra Light. This typeface has more bold versions and only one regular one below that which is UltraLight.
Adipisci laborum maiores eaque quis quibusdam quam accusamus aliquid corporis id. Deserunt neque architecto rerum! Dolorum, illum dolorem ipsum obcaecati sit molestiae. Vero, error? Dolorem, error dolorum!
Officiis labore tenetur odit voluptatum exercitationem nisi sed tempore doloribus! Consequatur alias quidem deserunt dignissimos sed suscipit quam recusandae distinctio culpa, aliquam nesciunt, nemo similique sapiente. Nesciunt!
45px Black Outline
Dolorum tempora at perferendis voluptates? Impedit repudiandae doloremque quibusdam, accusantium consequatur voluptate repellendus totam beatae aperiam nisi nam soluta numquam, mollitia, maxime possimus neque. Facere, minus est!
Commodi sequi delectus repellat at libero quia repudiandae culpa voluptatibus id architecto numquam reprehenderit vero similique, fugiat eaque, pariatur praesentium sapiente consequatur. Vel quos laboriosam iusto quidem.
The font is Oswald
No italic version on Google. However 6 weights from 200 to 700.
Comes in the following weights: heavy, bold, semi-bold, book, medium, light. Each has an italic version making 12 styles in total.
This is Heavy
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui molestiae autem nostrum porro quos ipsa odio explicabo! Delectus ratione consectetur, similique earum minima eos quia perferendis! Reiciendis.
Officiis labore tenetur odit voluptatum exercitationem nisi sed tempore doloribus! Consequatur alias quidem deserunt dignissimos sed suscipit quam recusandae distinctio culpa, aliquam nesciunt, nemo similique sapiente. Nesciunt!
This is Light
Ad maiores esse commodi exercitationem dolores harum quam hic vero consequuntur qui repellat, dicta modi nulla accusamus nostrum aut deserunt! Rerum ut quidem, minima laborum consectetur sequi!
Font weight 600
Medium. Slighty heavier than Book.
Voluptas reprehenderit illo facilis incidunt, excepturi velit
voluptatum eaque, facere, placeat quidem vitae laudantium sequi perferendis sint quasi. Quae, quo sint
tempora deserunt reprehenderit commodi eum culpa.
Aliquam excepturi, inventore culpa quae non vitae accusamus, nobis consequuntur dicta ut officia magnam? Soluta, sit tempore officiis delectus recusandae eum molestias eius, quod libero, iure cumque.
This is bold italic laboriosam facilis quo ratione quidem, iusto quas ex cumque dicta aliquid sequi iure tempora quod? Voluptatibus, ipsam natus. Earum repudiandae sit at doloremque fugiat incidunt non!
This is SaraBun in Extrabold
The font is Sarabun Project
Weights: ExtraBold, Bold, SemiBold, Medium, Regular, Light and Thin
Font-size is 120%. Line-height is default
SaraBun is a bit more curvy than the average sans serif, particularly the italic version with that full 'a'.
This is the medium version: slightly heavier than the regular variant.
This is Thin! Look at the differences between italic and regular ‘a’.
Jillo facilis! Illo, reprehenderit
sequi ut quaerat odio, quisquam, earum dolor at voluptatum explicabo accusamus praesentium perferendis
distinctio quos tempora neque soluta nulla! Soluta?
Set at font-size: 16px and color: #151515. Ad maiores esse commodi exercitationem dolores harum quam hic vero consequuntur qui repellat, dicta modi nulla accusamus nostrum aut deserunt! Rerum ut quidem, minima laborum consectetur sequi!
Voluptas reprehenderit illo facilis incidunt, excepturi velit voluptatum eaque, facere, placeat quidem vitae laudantium sequi perferendis sint quasi. Quae, quo sint tempora deserunt reprehenderit commodi eum culpa.
Aliquam excepturi, inventore culpa quae non vitae accusamus, nobis consequuntur dicta ut officia magnam? Soluta, sit tempore officiis delectus recusandae eum molestias eius, quod libero, iure cumque.
This is bold italic laboriosam facilis quo ratione quidem, iusto quas ex cumque dicta aliquid sequi iure tempora quod? Voluptatibus, ipsam natus. Earum repudiandae sit at doloremque fugiat incidunt non!
This is rubik black
The font is rubik
Comes in black, bold, medium, regular and light plus italics.
Has a high x-height.
Comes in the 5 weights plus italic versions.
This is bold
This is Medium. Solor sit amet consectetur adipisicing elit. Qui molestiae autem nostrum porro quos ipsa odio explicabo! Delectus ratione consectetur, similique earum minima eos quia perferendis! Reiciendis.
Adipisci laborum maiores eaque quis quibusdam quam accusamus aliquid corporis id. Deserunt neque architecto rerum! Dolorum, illum dolorem ipsum obcaecati sit molestiae. Vero, error? Dolorem, error dolorum!
This is rubikRegular. Reprehenderit sequi ut quaerat odio, quisquam, earum dolor at voluptatum explicabo accusamus praesentium perferendis distinctio quos tempora neque soluta nulla! Soluta?
Ad maiores esse commodi exercitationem dolores harum quam hic vero consequuntur qui repellat, dicta modi nulla accusamus nostrum aut deserunt! Rerum ut quidem, minima laborum consectetur sequi!
Voluptas reprehenderit illo facilis incidunt, excepturi velit voluptatum eaque, facere, placeat quidem vitae laudantium sequi perferendis sint quasi. Quae, quo sint tempora deserunt reprehenderit commodi eum culpa.
Aliquam excepturi, inventore culpa quae non vitae accusamus, nobis consequuntur dicta ut officia magnam? Soluta, sit tempore officiis delectus recusandae eum molestias eius, quod libero, iure cumque.
This is bold italic laboriosam facilis quo ratione quidem, iusto quas ex cumque dicta aliquid sequi iure tempora quod?
This is Fira Sans Extra Condensed
The font is Fira Sans Extra Condensed
Comes in 16 styles: black, extra-bold, bold, semi-bold, medium. The regular weight is only in italic.
The first heading is extra-bold / 800 weight.
The body is 400. Line-height is default
This is bold
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui molestiae autem nostrum porro quos ipsa odio explicabo! Delectus ratione consectetur, similique earum minima eos quia perferendis! Reiciendis.
Adipisci laborum maiores eaque quis quibusdam quam accusamus aliquid corporis id. Deserunt neque architecto rerum! Dolorum, illum dolorem ipsum obcaecati sit molestiae. Vero, error? Dolorem, error dolorum!
Eaque soluta porro illo facilis! Illo, reprehenderit sequi ut quaerat odio, quisquam, earum dolor at voluptatum explicabo accusamus praesentium perferendis distinctio quos tempora neque soluta nulla! Soluta?
Ad maiores esse commodi exercitationem dolores harum quam hic vero consequuntur qui repellat, dicta modi nulla accusamus nostrum aut deserunt! Rerum ut quidem, minima laborum consectetur sequi!
Voluptas reprehenderit illo facilis incidunt, excepturi velit voluptatum eaque, facere, placeat quidem vitae laudantium sequi perferendis sint quasi. Quae, quo sint tempora deserunt reprehenderit commodi eum culpa.
This is weight 100. Size increase by 1.4em as that's more interesting size to be able to see it. inventore culpa quae non vitae accusamus, nobis consequuntur dicta ut officia magnam?
This is bold italic laboriosam facilis quo ratione quidem, iusto quas ex cumque dicta aliquid sequi iure tempora quod? Voluptatibus, ipsam natus. Earum repudiandae sit at doloremque fugiat incidunt non!
This is Gotham Black
The font is Gotham
Comes in 18 styles: black, bold, medium, book, light and thin plus some italic versions.
influenced.
Font-size is 120%. Line-height is default
This is bold
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui molestiae autem nostrum porro quos ipsa odio explicabo! Delectus ratione consectetur, similique earum minima eos quia perferendis! Reiciendis.
Adipisci laborum maiores eaque quis quibusdam quam accusamus aliquid corporis id. Deserunt neque architecto rerum! Dolorum, illum dolorem ipsum obcaecati sit molestiae. Vero, error? Dolorem, error dolorum!
Eaque soluta porro illo facilis! Illo, reprehenderit sequi ut quaerat odio, quisquam, earum dolor at voluptatum explicabo accusamus praesentium perferendis distinctio quos tempora neque soluta nulla! Soluta?
The weight is Gotham Medium here.
Ad maiores esse commodi exercitationem dolores harum quam hic vero consequuntur qui repellat, dicta modi nulla accusamus nostrum aut deserunt! Rerum ut quidem, minima laborum consectetur sequi!
Aliquam excepturi, inventore culpa quae non vitae accusamus, nobis consequuntur dicta ut officia magnam? Soluta, sit tempore officiis delectus recusandae eum molestias eius, quod libero, iure cumque.
This is bold italic laboriosam facilis quo ratione quidem, iusto quas ex cumque dicta aliquid sequi iure tempora quod? Voluptatibus, ipsam natus. Earum repudiandae sit at doloremque fugiat incidunt non!