diff --git a/assets/fonts/SourceSansPro-Bold.ttf b/assets/fonts/SourceSansPro-Bold.ttf new file mode 100644 index 0000000..b8879af Binary files /dev/null and b/assets/fonts/SourceSansPro-Bold.ttf differ diff --git a/assets/fonts/SourceSansPro-Light.ttf b/assets/fonts/SourceSansPro-Light.ttf new file mode 100644 index 0000000..9b0e83d Binary files /dev/null and b/assets/fonts/SourceSansPro-Light.ttf differ diff --git a/assets/fonts/SourceSansPro-Regular.ttf b/assets/fonts/SourceSansPro-Regular.ttf new file mode 100644 index 0000000..98e8579 Binary files /dev/null and b/assets/fonts/SourceSansPro-Regular.ttf differ diff --git a/assets/sass/cards.scss b/assets/sass/cards.scss index 774532f..f6e5d6f 100644 --- a/assets/sass/cards.scss +++ b/assets/sass/cards.scss @@ -53,7 +53,9 @@ article.card { } img.small-image { - width: 400px; + flex: 1 1 400px; + overflow: hidden; + max-width: 400px; } .article-link { diff --git a/assets/sass/fonts.scss b/assets/sass/fonts.scss new file mode 100644 index 0000000..8b2ae55 --- /dev/null +++ b/assets/sass/fonts.scss @@ -0,0 +1,24 @@ +/* +You may download the entire Source Sans Pro font family here: +https://fonts.google.com/specimen/Source+Sans+Pro?query=Source+Sans+Pro +*/ +@font-face { + font-family: 'Source Sans Pro'; + src: url('/fonts/SourceSansPro-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Source Sans Pro'; + src: url('/fonts/SourceSansPro-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Source Sans Pro'; + src: url('/fonts/SourceSansPro-Light.ttf') format('truetype'); + font-weight: light; + font-style: normal; +} diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 1850c7f..e546d0e 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -1,6 +1,7 @@ @import 'colors.scss'; @import 'cards.scss'; @import 'code.scss'; +@import 'fonts.scss'; @mixin screen-max($max) { @media (max-width: $max - 1) { @@ -8,11 +9,19 @@ } } +@font-face { + font-family: 'Source Sans Pro'; + src: url('/fonts/SourceSansPro-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + body { background-color: $background-color; color: $font-color; margin: 0px; overflow-y: scroll; + font-family: 'Source Sans Pro'; } header {