Skip to content

Google Font CSS Generator

Generate ready-to-paste CSS for any font, weight and style.

The quick brown fox jumps over the lazy dog.

Generated CSS

font-family: Kosugi, sans-serif;
font-weight: 400;
font-style: normal;

How to Use This Tool

Select a font family, weight and style — copy the generated CSS rule straight into your stylesheet.

Don't forget to load the font

This CSS rule only sets typography — you still need to load the font file with a <link> tag or @import before it will render in the browser.

FAQ

What does this generator output? +

A ready-to-paste CSS font-family and font-weight declaration for the font, weight and style you select.

Do I still need to load the font separately? +

Yes — use the Google Font Embed Generator or the @import snippet on the font's page to actually load the font file before this CSS will render correctly.