@font-face Generator
Build a single cascading declaration — WOFF2 first, older formats loaded only as fallback.
Load from catalog
Font is installed locally
Adds local() first in the cascade — skips the download for visitors who already have it.
Style
Font Display
Cascade Sources (best format first)
Generated CSS
@font-face {
font-family: 'rubaith';
src: url('https://assets.typamine.com/fonts/files/66f7bb3e-f3e3-4df4-9daf-92a48c2e65bc.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}