Skip to content

Instantly share code, notes, and snippets.

@edwinjue
Created September 10, 2022 17:15
Show Gist options
  • Save edwinjue/ccec0fe0bd38540c0c2f477ee1d7d145 to your computer and use it in GitHub Desktop.
Save edwinjue/ccec0fe0bd38540c0c2f477ee1d7d145 to your computer and use it in GitHub Desktop.
const roboto = ['Roboto', 'sans-serif'];
const oswald = ['Oswald', 'sans-serif'];
const robotoMedium = 500;
const robotoRegular = 400;
const robotoBold = 700;
const semiBold = 600;
export default {
button: {
textTransform: 'none',
},
fontFamily: roboto,
fontWeight: robotoRegular,
h1: {
fontFamily: roboto,
fontSize: 40,
fontWeight: robotoBold,
},
h2: {
fontSize: 32,
fontWeight: robotoMedium,
},
h3: {
fontFamily: oswald,
fontSize: 21,
fontWeight: semiBold,
},
h4: {
fontSize: 17,
fontWeight: robotoBold,
},
h5: {
fontSize: 16,
fontWeight: robotoMedium,
},
h6: {
fontSize: 16,
fontWeight: robotoBold,
},
body1: {
fontSize: 14,
fontWeight: robotoRegular,
},
body2: {
fontSize: 16,
},
body3: {
fontSize: 14,
fontWeight: robotoMedium,
},
subtitle1: {
fontSize: 16,
fontWeight: robotoBold,
},
subtitle2: {
fontSize: 21,
},
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment