Add non-mac typeface fallbacks for headings

This commit is contained in:
Tom Moor 2018-12-23 09:45:31 -08:00
parent b673ec88b2
commit b654ba37f5
2 changed files with 3 additions and 2 deletions

View File

@ -3,6 +3,7 @@ import styled from 'styled-components';
const Heading = styled.h1`
display: flex;
align-items: center;
svg {
margin-left: -6px;

View File

@ -51,14 +51,14 @@ export default `
h4,
h5,
h6 {
font-family: 'Lato', -apple-system, BlinkMacSystemFont;
font-family: 'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen, Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
font-weight: 500;
line-height: 1.25;
margin-top: 1em;
margin-bottom: 0.5em;
color: ${theme.text};
}
h1 { font-size: 2em; }
h1 { font-size: 2.25em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }