Skip to content

Instantly share code, notes, and snippets.

@andregivenchy
Created February 6, 2020 13:12
Show Gist options
  • Save andregivenchy/7044a3b49fa2dc8c7cb691fcbe6167bc to your computer and use it in GitHub Desktop.
Save andregivenchy/7044a3b49fa2dc8c7cb691fcbe6167bc to your computer and use it in GitHub Desktop.
Simple typeface import css
/* Import Metropolis Typeface from Github source */
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-Black.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-BlackItalic.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-Bold.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-BoldItalic.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-ExtraBold.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-ExtraBoldItalic.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-ExtraLight.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-ExtraLightItalic.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-Light.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-LightItalic.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-Medium.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-MediumItalic.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-Regular.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-RegularItalic.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-SemiBold.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-SemiBoldItalic.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-Thin.woff2');
}
@font-face { font-family: Metropolis; src: url('https://github.com/chrismsimpson/Metropolis/blob/master/Fonts/Webfonts/WOFF2/Metropolis-ThinItalic.woff2');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment