{"_id":"ttf-loader","_rev":"3-44ef6d7f648d3240b2fdf8439a53e00c","name":"ttf-loader","description":"The simplest font loading using webpack available","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"ttf-loader","version":"1.0.0","description":"The simplest font loading using webpack available","keywords":["font","js","loader","ttf","webpack"],"homepage":"https://github.com/unimonkiez/ttf-loader#readme","bugs":{"url":"https://github.com/unimonkiez/ttf-loader/issues"},"license":"ISC","author":{"name":"Yuval Saraf"},"main":"src/index.js","repository":{"type":"git","url":"git+https://github.com/unimonkiez/ttf-loader.git"},"scripts":{"build":"rimraf ./lib && node ./bin/build.js","lint":"eslint --ext .js,.jsx .","lint:error":"npm run lint -- --quiet","lint:fix":"npm run lint -- --fix","lint:report":"npm run lint -- --format html -o ./report.html","prepublish":"npm run build","test":"jest","test:watch":"npm test -- --watch"},"dependencies":{"babel-runtime":"^6.26.0","jss":"^9.5.1","ttf2woff":"^2.0.1","uuid":"^3.2.1"},"devDependencies":{"babel-eslint":"^8.2.1","babel-loader":"^7.1.2","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-plugin-transform-react-remove-prop-types":"^0.4.12","babel-plugin-transform-runtime":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-stage-2":"^6.24.1","eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-react":"^7.5.1","file-loader":"^1.1.6","jest":"^22.1.4","rimraf":"^2.6.2","webpack":"^3.10.0","webpack-node-externals":"^1.6.0"},"peerDependencies":{"file-loader":"^1.1.6"},"gitHead":"a9d2f0a488cee94cc5e36817c5b33152f44840bc","_id":"ttf-loader@1.0.0","_npmVersion":"5.5.1","_nodeVersion":"9.3.0","_npmUser":{"name":"unimonkiez","email":"unimonkiez@gmail.com"},"dist":{"integrity":"sha512-IT+GhO3UihSw5/1xVwj2K2nDmTrven6sqxQNcP7rEWb1T5gEMpowttazhW6jjdCnnUxNHuvQCH2VLki81syX9A==","shasum":"3637fae6aa97ecb5a41525f3c606220027d1289f","tarball":"https://registry.npmjs.org/ttf-loader/-/ttf-loader-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEYkQzorlj6egXHnqOa4AsDeoDKZGRhHcwQCWwVbxZ4UAiBKVptm2/bA69EAc/jp4ZRM2bxQBFzGllkBEpSfZdjTGQ=="}]},"maintainers":[{"name":"unimonkiez","email":"unimonkiez@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ttf-loader-1.0.0.tgz_1516830950866_0.2787019379902631"}},"1.0.1":{"name":"ttf-loader","version":"1.0.1","description":"The simplest font loading using webpack available","keywords":["font","js","loader","ttf","webpack"],"homepage":"https://github.com/unimonkiez/ttf-loader#readme","bugs":{"url":"https://github.com/unimonkiez/ttf-loader/issues"},"license":"ISC","author":{"name":"Yuval Saraf"},"main":"src/index.js","repository":{"type":"git","url":"git+https://github.com/unimonkiez/ttf-loader.git"},"scripts":{"build":"rimraf ./lib && node ./bin/build.js","lint":"eslint --ext .js,.jsx .","lint:error":"npm run lint -- --quiet","lint:fix":"npm run lint -- --fix","lint:report":"npm run lint -- --format html -o ./report.html","prepublish":"npm run build","test":"jest","test:watch":"npm test -- --watch"},"dependencies":{"babel-runtime":"^6.26.0","jss":"^9.5.1","ttf2woff":"^2.0.1","uuid":"^3.2.1"},"devDependencies":{"babel-eslint":"^8.2.1","babel-loader":"^7.1.2","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-plugin-transform-react-remove-prop-types":"^0.4.12","babel-plugin-transform-runtime":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-stage-2":"^6.24.1","eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-react":"^7.5.1","file-loader":"^1.1.6","jest":"^22.1.4","rimraf":"^2.6.2","webpack":"^3.10.0","webpack-node-externals":"^1.6.0"},"peerDependencies":{"file-loader":"^1.1.6"},"gitHead":"f98a7bcff7d5ba90f56d77a02a088e2aeb16b9bb","_id":"ttf-loader@1.0.1","_npmVersion":"5.5.1","_nodeVersion":"9.3.0","_npmUser":{"name":"unimonkiez","email":"unimonkiez@gmail.com"},"dist":{"integrity":"sha512-4oUbbJk8EIRFYJ3Ot3AFYl/gxd+zigFtOnc/B+6uRON3WdTjv98XWz5Ip4MORDBhxxnhIvCCMI5Ku83eKmV0vw==","shasum":"d698d3f172f386fb07a64766d8faa4296057fd70","tarball":"https://registry.npmjs.org/ttf-loader/-/ttf-loader-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQCDKssMF2GlhqyKv94amT3OQGgzTX1OLh4onoFANjInoAIfO7O0ZT7VeR7goKxfs5W2JRKrIym0SNoM97zN21qW+Q=="}]},"maintainers":[{"name":"unimonkiez","email":"unimonkiez@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ttf-loader-1.0.1.tgz_1516831583266_0.8533196258358657"}},"1.0.2":{"name":"ttf-loader","version":"1.0.2","description":"The simplest font loading using webpack available","keywords":["font","js","loader","ttf","webpack"],"homepage":"https://github.com/unimonkiez/ttf-loader#readme","bugs":{"url":"https://github.com/unimonkiez/ttf-loader/issues"},"license":"ISC","author":{"name":"Yuval Saraf"},"main":"src/index.js","repository":{"type":"git","url":"git+https://github.com/unimonkiez/ttf-loader.git"},"scripts":{"build":"rimraf ./lib && node ./bin/build.js","lint":"eslint --ext .js,.jsx .","lint:error":"npm run lint -- --quiet","lint:fix":"npm run lint -- --fix","lint:report":"npm run lint -- --format html -o ./report.html","prepublish":"npm run build","test":"jest","test:watch":"npm test -- --watch"},"dependencies":{"babel-runtime":"^6.26.0","jss":"^9.5.1","ttf2woff":"^2.0.1","uuid":"^3.2.1"},"devDependencies":{"babel-eslint":"^8.2.1","babel-loader":"^7.1.2","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-plugin-transform-react-remove-prop-types":"^0.4.12","babel-plugin-transform-runtime":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-stage-2":"^6.24.1","eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-react":"^7.5.1","file-loader":"^1.1.6","jest":"^22.1.4","rimraf":"^2.6.2","webpack":"^3.10.0","webpack-node-externals":"^1.6.0"},"peerDependencies":{"file-loader":"^1.1.6"},"gitHead":"bdf9f04abc7280ec2fb83e56225f12cbc6c22c43","_id":"ttf-loader@1.0.2","_npmVersion":"5.5.1","_nodeVersion":"9.3.0","_npmUser":{"name":"unimonkiez","email":"unimonkiez@gmail.com"},"dist":{"integrity":"sha512-IMlcqjkSxqfOD4UpPrJ+LGm98JQ5URDFami19mR7lfjNR1XAEoG93Xd3loGYUMSxuhfzSTxsnLXu8emIawx/6A==","shasum":"ac1d5824ac9ff2fe3daaa9836170072e1fb6f6f2","tarball":"https://registry.npmjs.org/ttf-loader/-/ttf-loader-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDamjgvEMwtarr7BsXVsOMzYRaoKk7yi9yRIe4AQ1DrXQIgaWzULTN/qMCxAsg+JlOWtFjxX9MmOEKj7hJWvd1z/sA="}]},"maintainers":[{"name":"unimonkiez","email":"unimonkiez@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ttf-loader-1.0.2.tgz_1516831794077_0.18098145676776767"}}},"readme":"# ttf-loader\n[![npm version](https://badge.fury.io/js/ttf-loader.svg)](https://badge.fury.io/js/ttf-loader)[![Build Status](https://travis-ci.org/unimonkiez/ttf-loader.svg?branch=master)](https://travis-ci.org/unimonkiez/ttf-loader)\n\n## Import and use fonts easily in your javascript web app\n\n## Usage\n* Install\n  ```bash\n  # file-loader is peerDependency\n  npm install --save-dev ttf-loader file-loader\n  # or yarn\n  yarn add -D ttf-loader file-loader\n  ```\n* Add loader to your `webpack-config`\n  ```js\n  ...\n   module: {\n      rules: [\n        {\n            test: /\\.ttf$/,\n            use: [\n              {\n                loader: 'ttf-loader',\n                options: {\n                  name: './font/[hash].[ext]',\n                },\n              },\n            ]\n        }\n      ]\n   }\n  ```\n* Import ttfs and use them in your code!\n  * Inline\n  ```jsx\n  import React, { Component } from 'react';\n  import someFontFamily from 'some.ttf';\n  \n  export default class App extends Component {\n    render() {\n      return (\n        <div style={{ fontFamily: someFontFamily }}>\n          <span>\n            Welcome to my React app!\n          </span>\n        </div>\n      );\n    }\n  }\n  ```\n  * jss\n  ```jsx\n  import React, { Component } from 'react';\n  import jss from 'jss';\n  import someFontFamily from 'some.ttf';\n\n  const spanClass = jss.createStyleSheet({\n    span: {\n      'font-family': someFontFamily,\n    },\n  }).attach().classes.span;\n  \n  export default class App extends Component {\n    render() {\n      return (\n        <div className={spanClass}>\n          <span>\n            Welcome to my React app!\n          </span>\n        </div>\n      );\n    }\n  }\n  ```\n  ","maintainers":[{"name":"unimonkiez","email":"unimonkiez@gmail.com"}],"time":{"modified":"2022-05-22T09:21:58.434Z","created":"2018-01-24T21:55:51.675Z","1.0.0":"2018-01-24T21:55:51.675Z","1.0.1":"2018-01-24T22:06:23.354Z","1.0.2":"2018-01-24T22:09:54.977Z"},"homepage":"https://github.com/unimonkiez/ttf-loader#readme","keywords":["font","js","loader","ttf","webpack"],"repository":{"type":"git","url":"git+https://github.com/unimonkiez/ttf-loader.git"},"author":{"name":"Yuval Saraf"},"bugs":{"url":"https://github.com/unimonkiez/ttf-loader/issues"},"license":"ISC","readmeFilename":"README.md"}