The typeface on kraken.com is Kraken-Product, Noto Sans Vietnamese and Kraken-Brand, loaded across 122 @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
Kraken-Product
Total weights
11
@font-face
122
Source
Mixed
Kraken-Product
Custom web font
The quick brown fox jumps over the lazy dog
Weights loaded (4)
400Typography sets the voice of a brand
500Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand
CSS to use Kraken-Product
font-family: Kraken-Product, Georgia, 'Times New Roman', serif;
Get Font Info inspected the homepage of kraken.com and parsed 2 stylesheets totalling 824.5 KB. Inside those stylesheets we found 122 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 180 CSS rules reference them across the page.
Check the font on a specific element
Open the live inspector and hover any text on kraken.com to see the exact font, weight, size and line-height for that element.
kraken.com uses Kraken-Product, Noto Sans Vietnamese and Kraken-Brand as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 180 CSS rules on the homepage.
Where does kraken.com load its fonts from?
kraken.com loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 122 @font-face declarations across 2 stylesheets on the live page.
What weights of Kraken-Product does kraken.com use?
kraken.com loads Kraken-Product in 11 weights: 100, 1000, 200, 300, 400, 450, 500, 600, 700, 900, 950. 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 kraken.com on my website?
Yes — once you know the font name, you can load it from the same source. If Kraken-Product isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.
Is the font on kraken.com free to use?
These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.
See fonts used by other sites
Compare the typography on kraken.com with how other well-known sites load and use their fonts.
This page lists the fonts loaded by the homepage of kraken.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.