Add subsets and minor improvements

Added an option to also fetch subsets, and an changed weight type to string from number. Fixes #3

Author: HardeepAsrani

README.md

@@ -26,10 +26,12 @@ const App = () => (
       {
         font: 'Roboto',
         weights: [400],
+        subsets: ['cyrillic-ext', 'greek'],
       },
       {
         font: 'Roboto Mono',
         weights: [400, 700],
+        subsets: ['cyrillic-ext', 'greek'],
       },
     ]} />
 
@@ -48,6 +50,7 @@ The Component takes one prop: `fonts`. It should be an array of objects describi
     {
         font: 'Roboto Mono', // The name of the font on Google Fonts.
         weights: [400, 700], // An array of weights you want to load.
+        ['cyrillic-ext', 'greek'], // An array of subsets you want to load.
     },
     // ...
     // You can include as many of these objects as you want.

build/index.d.ts

@@ -2,7 +2,8 @@ import * as React from 'react';
 
 export interface Font {
     font: string;
-    weights?: number[];
+    weights?: string[];
+    subsets?: string[];
 }
 
 export interface GoogleFontLoaderProps {

build/index.js

@@ -43,8 +43,9 @@ var GoogleFontLoader = function (_React$PureComponent) {
             var families = fonts.reduce(function (acc, font) {
                 var family = font.font.replace(/ +/g, '+');
                 var weights = (font.weights || []).join(',');
+                var subsets = (font.subsets || []).join(',');
 
-                acc.push(family + (weights && ':' + weights));
+                acc.push(family + (weights && ':' + weights) + (subsets && '&subset=' + subsets));
 
                 return acc;
             }, []).join('|');
@@ -93,7 +94,8 @@ var GoogleFontLoader = function (_React$PureComponent) {
 GoogleFontLoader.propTypes = {
     fonts: _propTypes2.default.arrayOf(_propTypes2.default.shape({
         font: _propTypes2.default.string.isRequired,
-        weights: _propTypes2.default.arrayOf(_propTypes2.default.number)
+        weights: _propTypes2.default.arrayOf(_propTypes2.default.string),
+        subsets: _propTypes2.default.arrayOf(_propTypes2.default.string)
     })).isRequired
 };