diff --git a/client/styles/base/_base.scss b/client/styles/base/_base.scss index bb443366..29568ba3 100644 --- a/client/styles/base/_base.scss +++ b/client/styles/base/_base.scss @@ -7,7 +7,7 @@ html, body { } body, input, button { - font-family: Montserrat, sans-serif; + font-family: 'Avenir Next', Montserrat, sans-serif; color: $light-primary-text-color; } diff --git a/client/styles/base/_typography.scss b/client/styles/base/_typography.scss new file mode 100644 index 00000000..ee8ff996 --- /dev/null +++ b/client/styles/base/_typography.scss @@ -0,0 +1,23 @@ +@font-face { + font-family: 'Avenir Next'; + src: url('./fonts/AvenirNextLTW01-Medium.eot'); + src: url('./fonts/AvenirNextLTW01-Medium.eot?#iefix') format('embedded-opentype'), + url('./fonts/AvenirNextLTW01-Medium.woff') format('woff'), + url('./fonts/AvenirNextLTW01-Medium.ttf') format('truetype'), + url('./fonts/AvenirNextLTW01-Medium.svg#a89d6ad1-a04f-4a8f-b140-e55478dbea80') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Avenir Next'; + src: url('./fonts/AvenirNextLTPro-Demi.eot'); + src: url('./fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'), + url('./fonts/AvenirNextLTPro-Demi.woff') format('woff'), + url('./fonts/AvenirNextLTPro-Demi.ttf') format('truetype'), + url('./fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg'); + font-weight: bold; + font-style: normal; +} + + diff --git a/client/styles/fonts/AvenirNextLTPro-Demi.eot b/client/styles/fonts/AvenirNextLTPro-Demi.eot new file mode 100644 index 00000000..49e9133d Binary files /dev/null and b/client/styles/fonts/AvenirNextLTPro-Demi.eot differ diff --git a/client/styles/fonts/AvenirNextLTPro-Demi.svg b/client/styles/fonts/AvenirNextLTPro-Demi.svg new file mode 100644 index 00000000..6e6f9be8 --- /dev/null +++ b/client/styles/fonts/AvenirNextLTPro-Demi.svg @@ -0,0 +1,3330 @@ + + + + +Created by FontForge 20120731 at Thu Aug 18 19:48:24 2016 + By ,,, +Copyright (c) 2004 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Library GmbH. Avenir is a trademark of Heidelberger Druckmaschinen AG, exclusively licensed through Linotype Library GmbH, and may be registered in certain jurisdictions. This typeface is original artwork of Adrian Frutiger and Akira Kobayashi. The design may be protected in certain jurisdictions. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/styles/fonts/AvenirNextLTPro-Demi.ttf b/client/styles/fonts/AvenirNextLTPro-Demi.ttf new file mode 100644 index 00000000..5f716b61 Binary files /dev/null and b/client/styles/fonts/AvenirNextLTPro-Demi.ttf differ diff --git a/client/styles/fonts/AvenirNextLTPro-Demi.woff b/client/styles/fonts/AvenirNextLTPro-Demi.woff new file mode 100644 index 00000000..4300a614 Binary files /dev/null and b/client/styles/fonts/AvenirNextLTPro-Demi.woff differ diff --git a/client/styles/fonts/AvenirNextLTW01-Medium.eot b/client/styles/fonts/AvenirNextLTW01-Medium.eot new file mode 100644 index 00000000..d0d7ad4a Binary files /dev/null and b/client/styles/fonts/AvenirNextLTW01-Medium.eot differ diff --git a/client/styles/fonts/AvenirNextLTW01-Medium.svg b/client/styles/fonts/AvenirNextLTW01-Medium.svg new file mode 100644 index 00000000..603f9b62 --- /dev/null +++ b/client/styles/fonts/AvenirNextLTW01-Medium.svg @@ -0,0 +1,2017 @@ + + + + +1.0 +Avenir Next LT W01 Medium +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH registered in the U.S. Patent and Trademark Office and may be registered in certain other jurisdictions. This typeface is original artwork of Adrian Frutiger and Akira Kobayashi. The design may be protected in certain jurisdictions. +Avenir is a trademark of Linotype GmbH registered in the U.S. Patent and Trademark Office and may be registered in certain other jurisdictions. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/client/styles/fonts/AvenirNextLTW01-Medium.ttf b/client/styles/fonts/AvenirNextLTW01-Medium.ttf new file mode 100644 index 00000000..70b1280d Binary files /dev/null and b/client/styles/fonts/AvenirNextLTW01-Medium.ttf differ diff --git a/client/styles/fonts/AvenirNextLTW01-Medium.woff b/client/styles/fonts/AvenirNextLTW01-Medium.woff new file mode 100644 index 00000000..5f541557 Binary files /dev/null and b/client/styles/fonts/AvenirNextLTW01-Medium.woff differ diff --git a/client/styles/main.scss b/client/styles/main.scss index 0e429d8d..59cfba80 100644 --- a/client/styles/main.scss +++ b/client/styles/main.scss @@ -2,6 +2,7 @@ @import 'abstracts/placeholders'; @import 'base/reset'; +@import 'base/typography'; @import 'base/base'; @import 'vendors/codemirror'; diff --git a/webpack.config.dev.js b/webpack.config.dev.js index 0073341a..b42a86a3 100644 --- a/webpack.config.dev.js +++ b/webpack.config.dev.js @@ -38,6 +38,10 @@ module.exports = { { test: /\.(svg|mp3)$/, loader: 'file' + }, + { + test: /fonts\/.*\.(eot|svg|ttf|woff|woff2)$/, + loader: 'file' } ], },