Specimen
abcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?&@#$%
About Geologica
Geologica is a typeface designed by Monokrom and Sindre Bremnes and Frode Helland and released through the Google Fonts open-source catalog under the SIL Open Font License 1.1. It belongs to the sans-serif family — typefaces stripped of finishing strokes, leaning on raw letter geometry to do the talking. Sans-serif designs sit at the heart of contemporary digital interfaces because their open counters and unornamented terminals stay legible at small sizes and through aggressive optical compression. They also tend to read as neutral and modern, which is why product teams reach for them when the goal is clarity over personality.
Geologica ships with 9 styles, which gives designers room to build a full hierarchy from a single family without reaching for a second face. Characteristically, the design favours geometry over ornament. Counters tend to be open, terminals are clean, and the overall texture on the page is even and unbusy. That makes the typeface comfortable to live with across long sessions of UI work, dashboards, and digital reading.
Practically speaking, Geologica is well suited to a specific kind of work. Use this typeface for product UI, marketing sites, dashboards, mobile apps, and any context where clarity at small sizes matters more than historical reference. It pairs comfortably with serif headings if you want a more editorial feel, or with another sans for a fully modern voice. Because it is distributed under the SIL Open Font License 1.1, you can self-host the files, embed them in commercial products, and ship them inside open-source projects without paying licensing fees or asking permission.
On the technical side, Geologica supports menu, cyrillic, cyrillic-ext, greek, latin, latin-ext, and additional writing systems. The full set of weights and styles in the family is available for free download from Google Fonts, and the source files are mirrored in the public google/fonts repository on GitHub for designers who want to contribute fixes or fork the design. The first public release of this family entered the catalog in 2023, and the design has been maintained and updated since then by a combination of the original authorship team and the wider open-source typography community.
Within the broader sans-serif tradition, Geologica sits among contemporaries that designers reach for when the surrounding work calls for the same register. The catalog of open-source sans-serif typefaces has grown substantially over the last decade, and a working designer benefits from sampling several closely related families before settling on one — small differences in proportion, x-height, or terminal shape can produce surprisingly different feelings on the page.
If you need a partner family, Geologica pairs comfortably with Fraunces — the contrast in voice is enough to create a clear hierarchy between display and reading text without the two faces fighting each other on the page. As always, test the combination at the actual sizes you intend to ship, and use only two faces in any given system unless you have a strong reason to introduce a third.
If you decide to ship Geologica, the implementation path is unusually short. Drop a single CSS @import or <link> tag into the head of your document, declare the family in your stylesheet, and the file is delivered through the Google Fonts CDN with subsetting and font-display swap behaviour configured for fast first paint. For production work where you need full control, download the source from the link above and self-host the files alongside the rest of your assets.
Weights and styles
Every weight in the family, rendered live in Geologica from the Google Fonts CDN.
CSS embed code
Drop the @import or <link> tag into the head of your document, then declare the family in your stylesheet.
/* Add to the top of your CSS file */
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* Then use the family */
body {
font-family: 'Geologica', sans-serif;
}
<!-- Add inside <head> -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Geologica:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">