Emberly: Sebuah typeface gratis dalam 54 gaya

@font-face {
  font-family: "Emberly-Black";
  src: url("./Emberly-Black.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackCondensed";
  src: url("./Emberly-BlackCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackCondensedItalic";
  src: url("./Emberly-BlackCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackItalic";
  src: url("./Emberly-BlackItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackNarrow";
  src: url("./Emberly-BlackNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BlackNarrowItalic";
  src: url("./Emberly-BlackNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Bold";
  src: url("./Emberly-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldCondensed";
  src: url("./Emberly-BoldCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldCondensedItalic";
  src: url("./Emberly-BoldCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldItalic";
  src: url("./Emberly-BoldItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldNarrow";
  src: url("./Emberly-BoldNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-BoldNarrowItalic";
  src: url("./Emberly-BoldNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Condensed";
  src: url("./Emberly-Condensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-CondensedItalic";
  src: url("./Emberly-CondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtBdCondIta";
  src: url("./Emberly-ExtBdCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtLtCondIta";
  src: url("./Emberly-ExtLtCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtLtNarrowIta";
  src: url("./Emberly-ExtLtNarrowIta.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBold";
  src: url("./Emberly-ExtraBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBoldCondensed";
  src: url("./Emberly-ExtraBoldCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBoldItalic";
  src: url("./Emberly-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBoldNarrow";
  src: url("./Emberly-ExtraBoldNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraBoldNarrowItalic";
  src: url("./Emberly-ExtraBoldNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraLight";
  src: url("./Emberly-ExtraLight.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraLightCondensed";
  src: url("./Emberly-ExtraLightCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraLightItalic";
  src: url("./Emberly-ExtraLightItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ExtraLightNarrow";
  src: url("./Emberly-ExtraLightNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Light";
  src: url("./Emberly-Light.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightCondensed";
  src: url("./Emberly-LightCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightCondensedItalic";
  src: url("./Emberly-LightCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightItalic";
  src: url("./Emberly-LightItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightNarrow";
  src: url("./Emberly-LightNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-LightNarrowItalic";
  src: url("./Emberly-LightNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Medium";
  src: url("./Emberly-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumCondensed";
  src: url("./Emberly-MediumCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumCondensedItalic";
  src: url("./Emberly-MediumCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumItalic";
  src: url("./Emberly-MediumItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumNarrow";
  src: url("./Emberly-MediumNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-MediumNarrowItalic";
  src: url("./Emberly-MediumNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Narrow";
  src: url("./Emberly-Narrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-NarrowItalic";
  src: url("./Emberly-NarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Regular";
  src: url("./Emberly-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-RegularItalic";
  src: url("./Emberly-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemBdCondIta";
  src: url("./Emberly-SemBdCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBold";
  src: url("./Emberly-SemiBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBoldCondensed";
  src: url("./Emberly-SemiBoldCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBoldItalic";
  src: url("./Emberly-SemiBoldItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBoldNarrow";
  src: url("./Emberly-SemiBoldNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-SemiBoldNarrowItalic";
  src: url("./Emberly-SemiBoldNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-Thin";
  src: url("./Emberly-Thin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinCondensed";
  src: url("./Emberly-ThinCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinCondensedItalic";
  src: url("./Emberly-ThinCondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinItalic";
  src: url("./Emberly-ThinItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinNarrow";
  src: url("./Emberly-ThinNarrow.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Emberly-ThinNarrowItalic";
  src: url("./Emberly-ThinNarrowItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Self-host the font files from your download. Commercial license → licensing.