Skip to content

Instantly share code, notes, and snippets.

@robkovacs
Created June 7, 2023 13:39
Show Gist options
  • Select an option

  • Save robkovacs/dcc1fb394eec853871914e76ae144983 to your computer and use it in GitHub Desktop.

Select an option

Save robkovacs/dcc1fb394eec853871914e76ae144983 to your computer and use it in GitHub Desktop.
Import Oately via CSS
@font-face {
font-family: "Oately";
src: local("Oately-BoldDisplay"),
url("https://css.justworks.com/fonts/Oately-BoldDisplay.woff2")
format("woff2"),
url("https://css.justworks.com/fonts/Oately-BoldDisplay.woff")
format("woff"),
url("https://css.justworks.com/fonts/Oately-BoldDisplay.ttf") format("ttf");
font-weight: 800;
font-display: swap;
}
@font-face {
font-family: "Oately";
src: local("Oately-Bold"),
url("https://css.justworks.com/fonts/Oately-Bold.woff2") format("woff2"),
url("https://css.justworks.com/fonts/Oately-Bold.woff") format("woff"),
url("https://css.justworks.com/fonts/Oately-Bold.ttf") format("ttf");
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Oately";
src: local("Oately"),
url("https://css.justworks.com/fonts/Oately-Regular.woff2") format("woff2"),
url("https://css.justworks.com/fonts/Oately-Regular.woff") format("woff"),
url("https://css.justworks.com/fonts/Oately-Regular.ttf") format("ttf");
font-weight: 400;
font-display: swap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment