Alfa Slab One

Display

Designed by JM Solé

Available Weights

400

CSS Import

@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One:wght@400&display=swap');

CSS Rule

font-family: 'Alfa Slab One', sans-serif;

HTML Link Tag

<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=Alfa+Slab+One:wght@400&display=swap" rel="stylesheet">

About Alfa Slab One

Alfa Slab One is a display typeface designed by JM Solé. Available in 1 weight.

Google Fonts hosts over 1,500 open-source font families that can be used freely in any website or application.Alfa Slab One is a popular choice in the display category, designed by JM Solé. The font is available in 1 weight (400), giving you flexibility for headings, body text, and UI elements.

To use Alfa Slab One in your project, add the CSS import or HTML link tag above to your stylesheet or HTML head. Then apply the font-family rule to your CSS selectors. For optimal performance, only load the weights you actually need and use the 'display=swap' parameter to prevent invisible text during font loading (FOIT). Consider self-hosting the font files for faster load times in production applications.

Similar Fonts