diff --git a/src/styles/typography.styl b/src/styles/typography.styl index c6f3616..4acd479 100644 --- a/src/styles/typography.styl +++ b/src/styles/typography.styl @@ -1,112 +1,112 @@ /* bitter-regular - latin */ @font-face { - font-display swap; - font-family 'Bitter'; - font-style normal; - font-weight 400; + font-display swap + font-family 'Bitter' + font-style normal + font-weight 400 src url('/assets/fonts/bitter-v33-latin-regular.woff2') format('woff2'), - url('/assets/fonts/bitter-v33-latin-regular.ttf') format('truetype'); + url('/assets/fonts/bitter-v33-latin-regular.ttf') format('truetype') } /* bitter-600 - latin */ @font-face { - font-display swap; - font-family 'Bitter'; - font-style normal; - font-weight 600; + font-display swap + font-family 'Bitter' + font-style normal + font-weight 600 src url('/assets/fonts/bitter-v33-latin-600.woff2') format('woff2'), - url('/assets/fonts/bitter-v33-latin-600.ttf') format('truetype'); + url('/assets/fonts/bitter-v33-latin-600.ttf') format('truetype') } /* bitter-600italic - latin */ @font-face { - font-display swap; - font-family 'Bitter'; - font-style italic; - font-weight 600; + font-display swap + font-family 'Bitter' + font-style italic + font-weight 600 src url('/assets/fonts/bitter-v33-latin-600italic.woff2') format('woff2'), - url('/assets/fonts/bitter-v33-latin-600italic.ttf') format('truetype'); + url('/assets/fonts/bitter-v33-latin-600italic.ttf') format('truetype') } /* crimson-text-regular - latin */ @font-face { - font-display swap; - font-family 'Crimson Text'; - font-style normal; - font-weight 400; + font-display swap + font-family 'Crimson Text' + font-style normal + font-weight 400 src url('/assets/fonts/crimson-text-v19-latin-regular.woff2') format('woff2'), - url('/assets/fonts/crimson-text-v19-latin-regular.ttf') format('truetype'); + url('/assets/fonts/crimson-text-v19-latin-regular.ttf') format('truetype') } /* crimson-text-italic - latin */ @font-face { - font-display swap; - font-family 'Crimson Text'; - font-style italic; - font-weight 400; + font-display swap + font-family 'Crimson Text' + font-style italic + font-weight 400 src url('/assets/fonts/crimson-text-v19-latin-italic.woff2') format('woff2'), - url('/assets/fonts/crimson-text-v19-latin-italic.ttf') format('truetype'); + url('/assets/fonts/crimson-text-v19-latin-italic.ttf') format('truetype') } /* crimson-text-600 - latin */ @font-face { - font-display swap; - font-family 'Crimson Text'; - font-style normal; - font-weight 600; + font-display swap + font-family 'Crimson Text' + font-style normal + font-weight 600 src url('/assets/fonts/crimson-text-v19-latin-600.woff2') format('woff2'), - url('/assets/fonts/crimson-text-v19-latin-600.ttf') format('truetype'); + url('/assets/fonts/crimson-text-v19-latin-600.ttf') format('truetype') } /* crimson-text-600italic - latin */ @font-face { - font-display swap; - font-family 'Crimson Text'; - font-style italic; - font-weight 600; + font-display swap + font-family 'Crimson Text' + font-style italic + font-weight 600 src url('/assets/fonts/crimson-text-v19-latin-600italic.woff2') format('woff2'), - url('/assets/fonts/crimson-text-v19-latin-600italic.ttf') format('truetype'); + url('/assets/fonts/crimson-text-v19-latin-600italic.ttf') format('truetype') } /* crimson-text-700 - latin */ @font-face { - font-display swap; - font-family 'Crimson Text'; - font-style normal; - font-weight 700; + font-display swap + font-family 'Crimson Text' + font-style normal + font-weight 700 src url('/assets/fonts/crimson-text-v19-latin-700.woff2') format('woff2'), - url('/assets/fonts/crimson-text-v19-latin-700.ttf') format('truetype'); + url('/assets/fonts/crimson-text-v19-latin-700.ttf') format('truetype') } /* crimson-text-700italic - latin */ @font-face { - font-display swap; - font-family 'Crimson Text'; - font-style italic; - font-weight 700; + font-display swap + font-family 'Crimson Text' + font-style italic + font-weight 700 src url('/assets/fonts/crimson-text-v19-latin-700italic.woff2') format('woff2'), - url('/assets/fonts/crimson-text-v19-latin-700italic.ttf') format('truetype'); + url('/assets/fonts/crimson-text-v19-latin-700italic.ttf') format('truetype') } /* open-sans-regular - latin */ @font-face { - font-display swap; - font-family 'Open Sans'; - font-style normal; - font-weight 400; + font-display swap + font-family 'Open Sans' + font-style normal + font-weight 400 src url('../fonts/open-sans-v36-latin-regular.woff2') format('woff2'), - url('../fonts/open-sans-v36-latin-regular.ttf') format('truetype'); + url('../fonts/open-sans-v36-latin-regular.ttf') format('truetype') } /* open-sans-700 - latin */ @font-face { - font-display swap; - font-family 'Open Sans'; - font-style normal; - font-weight 700; + font-display swap + font-family 'Open Sans' + font-style normal + font-weight 700 src url('../fonts/open-sans-v36-latin-700.woff2') format('woff2'), - url('../fonts/open-sans-v36-latin-700.ttf') format('truetype'); + url('../fonts/open-sans-v36-latin-700.ttf') format('truetype') } h1, h2, h3, h4 - font-family "Bitter", Georgia, Serif; + font-family "Bitter", Georgia, Serif font-weight 600 - line-height 1.1; - font-size 38px; + line-height 1.1 + // font-size 38px body - font-family "Crimson Text", "Hoefler Text", "Georgia", serif; - font-size 18px; - line-height 1.428571429; - color #333; \ No newline at end of file + font-family "Crimson Text", "Hoefler Text", "Georgia", serif + font-size 18px + line-height 1.428571429 + color #333 \ No newline at end of file