Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imedadel/typeface-eb-garamond-latest
CSS and web font files to easily self-host EB Garamond
https://github.com/imedadel/typeface-eb-garamond-latest
eb-garamond font js typeface typography
Last synced: 7 days ago
JSON representation
CSS and web font files to easily self-host EB Garamond
- Host: GitHub
- URL: https://github.com/imedadel/typeface-eb-garamond-latest
- Owner: imedadel
- License: ofl-1.1
- Created: 2019-05-23T17:22:34.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-08-13T11:49:44.000Z (over 5 years ago)
- Last Synced: 2024-12-22T10:34:31.752Z (12 days ago)
- Topics: eb-garamond, font, js, typeface, typography
- Language: CSS
- Homepage: https://www.npmjs.com/package/typeface-eb-garamond-latest
- Size: 1.71 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Typeface EB Garamond Latest
The CSS and web font files to easily self-host [EB Garamond](http://www.georgduffner.at/ebgaramond/). This package is inspired by the effort of Kyle Mathews to create [npm packages for all typefaces](https://www.bricolage.io/typefaces-easiest-way-to-self-host-fonts/) to improve font loading performance.
## Install
```
npm install --save typeface-eb-garamond-latest
```## Usage
This package assumes you’re using webpack to process CSS and font files. Each typeface package includes all font files for modern browsers (WOFF2 and WOFF) and a CSS file with font-face declarations pointing at these files.
You will need to have webpack or a different bundler setup to load css and font files. Many tools built with Webpack will work out of the box with Typefaces such as [Create React App](https://github.com/facebookincubator/create-react-app) and [Gatsby](https://github.com/gatsbyjs/gatsby).
Simply require the package in your project’s entry file:
```javascript
// Load the Public Sans typeface
import 'typeface-eb-garamond-latest';
```