What font does folistudio.com use?

The typeface on folistudio.com is Roboto and Noto Serif, loaded across 11 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.

Primary font
Roboto
Total weights
5
@font-face
11
Source
Google Fonts

Roboto

Google Fonts

The quick brown fox jumps over the lazy dog

Weights loaded (5)

300Typography sets the voice of a brand
400Typography sets the voice of a brand
500Typography sets the voice of a brand
700Typography sets the voice of a brand
900Typography sets the voice of a brand

CSS to use Roboto

font-family: Roboto, Georgia, 'Times New Roman', serif;

@font-face source

ttfhttps://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf

Get this font

Roboto
Open source
Google (Christian Robertson)

Free on Google Fonts under Apache 2.0.

Get Roboto from Google (Christian Robertson)

Free alternatives if you can't license Roboto

InterGoogle Fonts

Wider apertures and better hinting for product UI.

Open
DM SansGoogle Fonts

Similar mechanical feel with cleaner curves.

Open
Work SansGoogle Fonts

Open-source grotesque with a near-identical x-height.

Open
Used by 16 selectors on the page

Noto Serif

Google Fonts

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
500Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use Noto Serif

font-family: 'Noto Serif', Georgia, 'Times New Roman', serif;

@font-face source

ttfhttps://fonts.gstatic.com/s/notoserif/v33/ga6saw1J5X9T9RW6j9bNfFIMZhhWnFTyNZIQD1-_FXP0RgnaOg9MYBNLg8cP.ttf

Get this font

Noto Serif
Open source
Google

Free pan-script serif on Google Fonts.

Get Noto Serif from Google

Free alternatives if you can't license Noto Serif

Source Serif 4Google Fonts

Cleaner free body serif.

Open
LoraGoogle Fonts

Warmer alternative.

Open
MerriweatherGoogle Fonts

Heavier workhorse alternative.

Open
Used by 0 selectors on the page

How folistudio.com loads its fonts

Get Font Info inspected the homepage of folistudio.com and parsed 1 stylesheet totalling 2.8 KB. Inside those stylesheets we found 11 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from google fonts, and 16 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on folistudio.com to see the exact font, weight, size and line-height for that element.

Open live font inspector for folistudio.com

Frequently asked questions

What font does folistudio.com use?

folistudio.com uses Roboto and Noto Serif as its primary typefaces. These fonts are loaded from Google Fonts and applied across 16 CSS rules on the homepage.

Where does folistudio.com load its fonts from?

folistudio.com loads its fonts from Google Fonts. Get Font Info detected 11 @font-face declarations across 1 stylesheet on the live page.

What weights of Roboto does folistudio.com use?

folistudio.com loads Roboto in 5 weights: 300, 400, 500, 700, 900. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as folistudio.com on my website?

Yes — once you know the font name, you can load it from the same source. If Roboto isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Inter, DM Sans and Work Sans. Use the CSS snippet on this page as a starting point.

Is the font on folistudio.com free to use?

At least one of these fonts is served from Google Fonts, which is free to use under the SIL Open Font License. Self-hosted webfonts may have their own licensing — check the foundry's license before using them on a commercial project.

See fonts used by other sites

Compare the typography on folistudio.com with how other well-known sites load and use their fonts.

About this page

This page lists the fonts loaded by the homepage of folistudio.com. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.

More guides: find the font on any website, identify the typeface on a webpage, check what font a website is using, or URL font checker.