Code Monkey home page Code Monkey logo

typeface-inter's Introduction

The Typefaces project is now deprecated.

@DecliningLotus created FontSource which provides the same functionality as Typefaces but with automated releases & richer support for importing specific weights, styles, or language subsets.

To start using Fontsource, replace in your package.json any instances of "typeface-inter" with "fontsource-inter".

Then change imports from "import 'typeface-inter'" to "import 'fontsource-inter/latin.css'".

Typeface packages will continue working indefinitely so no immediate changes are necessary.

Specifically for typeface-inter package, we have an ongoing discussion here as to why this package decided to keep a different version than the rest of Typefaces packages. Feel free to share your thoughts there too.

typeface-inter

The intent is to easily use Inter typeface on any webpack setup, like Gatsby and Create React App.

Installing

npm install --save typeface-inter

How-to use

Simply require the package in your project’s entry file:

// Load Inter typeface
require('typeface-inter')

License

This project is licensed under the SIL Open Font License 1.1 - see the LICENSE.txt file for details.

Acknowledgments

All credits to Rasmus for his creation of Inter typeface.

Philip Belesky for his repo at inter-ui.

About the Typefaces project.

Our goal is to add all open source fonts to NPM to simplify using great fonts in our web projects. We’re currently maintaining 1036 typeface packages including all typefaces on Google Fonts.

If your favorite typeface isn’t published yet, let us know and we’ll add it!

typeface-inter's People

Contributors

ajmalafif avatar jshah4517 avatar cedmax avatar nikoladev avatar

Stargazers

Roman avatar Brandon Hicks avatar Quentin Rousseau avatar Jack Williams avatar Jafar Rezaei avatar Quang Lam avatar tree avatar  avatar Tridip Thrizu avatar Nono Martínez Alonso avatar Vincent Talbot avatar Muhammad Farid Zia avatar Resi Respati avatar Jonas Røssum avatar Lee Smith avatar Nicolas Massi avatar Vladimir Skok avatar Tom Herrmann avatar Juan Morais avatar Schuyler Larson avatar Marciano Planque avatar Rish avatar Chase Ohlson avatar Hayk An avatar Christopher Newton avatar Faris Ali avatar  avatar Aditya Rao avatar François Leclerc avatar Muhammad Rusdi avatar strothj avatar Jeff Reiner avatar Sonny Lazuardi avatar Hassanin Ahmed avatar

Watchers

James Cloos avatar

typeface-inter's Issues

Webpack can't resolve

I'm getting an error when webpack tries to resolve Inter (web) as Inter%20(web):

ModuleNotFoundError: Module not found: Error: Can't resolve '../../node_modules/typeface-inter/Inter%20(web)/Inter-Black.woff' in '/opt/build/repo/assets/css'

It works if I go into node_modules and manually change inter.css to import from Inter-web, and I change the folder name to Inter-web.

Is this just a webpack config thing?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.