From b234033bff1417e10c00ab352eae780bd56ac208 Mon Sep 17 00:00:00 2001 From: Nishanth Shanmugham Date: Mon, 24 Aug 2015 22:57:25 -0500 Subject: [PATCH] Add support for ProximaNova * Edit README * Compile CSS --- README.md | 37 +++++++++++++++++++++++++---- layouts/partials/head_includes.html | 1 + main.less | 4 ++-- static/css/main.css | 8 +++---- 4 files changed, 39 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 29b3bfc..401469f 100644 --- a/README.md +++ b/README.md @@ -20,18 +20,18 @@ A [Hugo](http://gohugo.io) theme with clear typograhy for easy, disturbance-free # Setup -From the root of your Hugo site, clone the theme into a folder named `cocoa` by running: +From the root of your Hugo site, clone the theme into `themes/cocoa` by running: ```` $ mkdir themes $ cd themes -$ git clone https://github.com/nishanths/cocoa-hugo-theme cocoa +$ git clone https://github.com/nishanths/cocoa-hugo-theme.git cocoa ```` Then, generate static files by running: ```` -hugo -t cocoa +$ hugo -t cocoa ```` # Theme @@ -52,10 +52,37 @@ $ hugo new fixed/about.md ## Fonts and Colors -The primary font face is Proxima Nova. You will need to place your own copy of the font under ``. The monospace font face is Ubuntu Mono from Google Fonts. +The primary font face is Proxima Nova in 400 and 700 weights. If you own the font, create a font face declarations like in the example below, and place it in `static/css/webfonts.css`: + +````css +@font-face { + font-family: 'ProximaNova'; + font-weight: normal; + font-style: normal; + src: url('webfonts/2F00B2_0_0.eot'); + src: url('webfonts/2F00B2_0_0.eot?#iefix') format('embedded-opentype'), + url('webfonts/2F00B2_0_0.woff2') format('woff2'), + url('webfonts/2F00B2_0_0.woff') format('woff'), + url('webfonts/2F00B2_0_0.ttf') format('truetype'); +} + +@font-face { + font-family: 'ProximaNova'; + font-weight: bold; + font-style: normal; + src: url('webfonts/2F00B2_1_0.eot'); + src: url('webfonts/2F00B2_1_0.eot?#iefix') format('embedded-opentype'), + url('webfonts/2F00B2_1_0.woff2') format('woff2'), + url('webfonts/2F00B2_1_0.woff') format('woff'), + url('webfonts/2F00B2_1_0.ttf') format('truetype'); +} + +```` + +If you do not provide Proxima Nova files, the fallback font face—Source Sans Pro—will be automatically used from Google Fonts. The primary monospace font face is Ubuntu Mono from Google Fonts. -The main colors are +The main colors are: * `#333333` * `#b7b7b7` diff --git a/layouts/partials/head_includes.html b/layouts/partials/head_includes.html index e5bc1b0..318127f 100644 --- a/layouts/partials/head_includes.html +++ b/layouts/partials/head_includes.html @@ -2,6 +2,7 @@ +