Npm package (#6)

* npm package

* open sans css

* raleway css

* add changelog

* group Raleway-Regular & Raleway-Italic together in css

* add local & TrueType fallbacks to css

`local` will save hitting the server if users have the font installed locally.
TrueType will support browsers that aren't savvy-enough for WOFF.

* specify full name and PostScript name for local font sources

names derived from macOS Font Book

more info: https://www.broken-links.com/2009/06/30/checking-for-installed-fonts-with-font-face-and-local/

.gitignore

@@ -1,2 +0,0 @@
-
-.DS_Store

CHANGELOG.md

@@ -0,0 +1,19 @@
+# Changelog
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
+
+## [v0.3.0](https://github.com/virtru/control-center/compare/master...HEAD)
+### Added
+- DASH-761 ([#6](https://github.com/virtru/virtru-typography/pull/6)): _minor_
+  - Add css for open sans and raleway
+
+## [v0.2.0](https://github.com/virtru/control-center/compare/v0.1.0...v0.2.0) - 2019-02-28
+### Added
+- NOREF ([#5](https://github.com/virtru/virtru-typography/pull/5)): _minor_
+  - Add woff and woff2 fonts
+
+## [v0.1.0] - 2019-02-06
+### Changed
+  - Initialized

css/open-sans.css

@@ -0,0 +1,120 @@
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans ExtraBold'), /* Full Name */
+    local('OpenSans-ExtraBold'), /* PostScript name */
+    url('../fonts/open_sans/opensans-extrabold.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-extrabold.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-ExtraBold.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans ExtraBold Italic'),
+    local('OpenSans-ExtraBoldItalic'),
+    url('../fonts/open_sans/opensans-extrabolditalic.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-extrabolditalic.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
+  font-weight: 800;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans Bold'),
+    local('OpenSans-Bold'),
+    url('../fonts/open_sans/opensans-bold.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-bold.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-Bold.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans Bold Italic'),
+    local('OpenSans-BoldItalic'),
+    url('../fonts/open_sans/opensans-bolditalic.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-bolditalic.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-BoldItalic.ttf') format('truetype');
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans SemiBold'),
+    local('OpenSans-SemiBold'),
+    url('../fonts/open_sans/opensans-semibold.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-semibold.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans SemiBold Italic'),
+    local('OpenSans-SemiBoldItalic'),
+    url('../fonts/open_sans/opensans-semibolditalic.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-semibolditalic.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-SemiBoldItalic.ttf') format('truetype');
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans Regular'),
+    local('OpenSans-Regular'),
+    url('../fonts/open_sans/opensans-regular.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-regular.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans Italic'),
+    local('OpenSans-Italic'),
+    url('../fonts/open_sans/opensans-italic.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-italic.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-Italic.ttf') format('truetype');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans Light'),
+    local('OpenSans-Light'),
+    url('../fonts/open_sans/opensans-light.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-light.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src:
+    local('Open Sans Light Italic'),
+    local('OpenSans-LightItalic'),
+    url('../fonts/open_sans/opensans-lightitalic.woff2') format('woff2'),
+    url('../fonts/open_sans/opensans-lightitalic.woff') format('woff'),
+    url('../fonts/open_sans/OpenSans-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}

css/raleway.css

@@ -0,0 +1,215 @@
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Black'), /* Full Name */
+    local('Raleway-Black'), /* PostScript name */
+    url('../fonts/raleway/raleway-black.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-black.woff') format('woff'),
+    url('../fonts/raleway/Raleway-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Black Italic'),
+    local('Raleway-BlackItalic'),
+    url('../fonts/raleway/raleway-blackitalic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-blackitalic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-BlackItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway ExtraBold'),
+    local('Raleway-ExtraBold'),
+    url('../fonts/raleway/raleway-extrabold.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-extrabold.woff') format('woff'),
+    url('../fonts/raleway/Raleway-ExtraBold.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway ExtraBold Italic'),
+    local('Raleway-ExtraBoldItalic'),
+    url('../fonts/raleway/raleway-extrabolditalic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-extrabolditalic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-ExtraBoldItalic.ttf') format('truetype');
+  font-weight: 800;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Bold'),
+    local('Raleway-Bold'),
+    url('../fonts/raleway/raleway-bold.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-bold.woff') format('woff'),
+    url('../fonts/raleway/Raleway-Bold.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Bold Italic'),
+    local('Raleway-BoldItalic'),
+    url('../fonts/raleway/raleway-bolditalic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-bolditalic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-BoldItalic.ttf') format('truetype');
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway SemiBold'),
+    local('Raleway-SemiBold'),
+    url('../fonts/raleway/raleway-semibold.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-semibold.woff') format('woff'),
+    url('../fonts/raleway/Raleway-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway SemiBold Italic'),
+    local('Raleway-SemiBoldItalic'),
+    url('../fonts/raleway/raleway-semibolditalic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-semibolditalic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-SemiBoldItalic.ttf') format('truetype');
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Medium'),
+    local('Raleway-Medium'),
+    url('../fonts/raleway/raleway-medium.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-medium.woff') format('woff'),
+    url('../fonts/raleway/Raleway-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Medium Italic'),
+    local('Raleway-MediumItalic'),
+    url('../fonts/raleway/raleway-mediumitalic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-mediumitalic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway'),
+    local('Raleway-Regular'),
+    url('../fonts/raleway/raleway-regular.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-regular.woff') format('woff'),
+    url('../fonts/raleway/Raleway-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Italic'),
+    local('Raleway-Italic'),
+    url('../fonts/raleway/raleway-italic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-italic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-Italic.ttf') format('truetype');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Light'),
+    local('Raleway-Light'),
+    url('../fonts/raleway/raleway-light.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-light.woff') format('woff'),
+    url('../fonts/raleway/Raleway-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Light Italic'),
+    local('Raleway-LightItalic'),
+    url('../fonts/raleway/raleway-lightitalic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-lightitalic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway ExtraLight'),
+    local('Raleway-ExtraLight'),
+    url('../fonts/raleway/raleway-extralight.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-extralight.woff') format('woff'),
+    url('../fonts/raleway/Raleway-ExtraLight.ttf') format('truetype');
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway ExtraLight Italic'),
+    local('Raleway-ExtraLightItalic'),
+    url('../fonts/raleway/raleway-extralightitalic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-extralightitalic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-ExtraLightItalic.ttf') format('truetype');
+  font-weight: 200;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Thin'),
+    local('Raleway-Thin'),
+    url('../fonts/raleway/raleway-thin.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-thin.woff') format('woff'),
+    url('../fonts/raleway/Raleway-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src:
+    local('Raleway Thin Italic'),
+    local('Raleway-ThinItalic'),
+    url('../fonts/raleway/raleway-thinitalic.woff2') format('woff2'),
+    url('../fonts/raleway/raleway-thinitalic.woff') format('woff'),
+    url('../fonts/raleway/Raleway-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+}

index.css

@@ -0,0 +1,2 @@
+@import "css/open-sans.css";
+@import "css/raleway.css";

package.json

@@ -0,0 +1,24 @@
+{
+  "name": "virtru-typography",
+  "version": "0.3.0",
+  "description": "Fonts library for virtru products",
+  "main": "index.css",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://[email protected]/virtru/virtru-typography.git"
+  },
+  "keywords": [
+    "typography",
+    "fonts",
+    "virtru"
+  ],
+  "author": "ux pod",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/virtru/virtru-typography/issues"
+  },
+  "homepage": "https://github.com/virtru/virtru-typography#readme"
+}