Upcoming changes to the CSS you need for variable fonts

@font-face {
font-family: Gentium;
src: url(gentium.woff);
}
@font-face {
font-family: Gentium;
src: url(gentium.woff);
font-stretch: normal;
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: Gentium;
src: url(gentium.woff);
font-weight: 1 999;
}
@font-face {
font-family: Gentium;
src: url(gentium.woff);
font-weight: 1 999;
font-style: oblique –90 90;
font-stretch: 50% 200%;
}
@font-face {
font-family: ‘Gentium’;
src: url(gentium-var.woff2) format(‘woff2-variations’),
url(gentium-static.woff2) format(‘woff2’);
}
@font-face {
font-family: ‘Gentium’;
src: url(gentium-var.woff2) format(‘woff2’ supports variations),
url(gentium-static.woff2) format(‘woff2’);
}
@font-face {
font-family: ‘Gentium’;
src: url(gentium-static.woff2) format(‘woff2’),
url(gentium-static.woff) format(‘woff’);
src: url(gentium-var.woff2) format(‘woff2’ supports variations);
}

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store