KyleAMathews / typography.js

A powerful toolkit for building websites with beautiful design
http://kyleamathews.github.io/typography.js/
MIT License
3.83k stars 181 forks source link

AvenirNext - Not working on Windows / Linux #216

Closed LouisJS closed 5 years ago

LouisJS commented 5 years ago

Hi,

My typography.js file looks like :

import Typography from 'typography';

const typography = new Typography({
    baseFontSize: '14px',
    headerFontFamily: [
        'AvenirNextCondensed-Medium',
        'AvenirNextCondensed-Bold',
        'AvenirNextCondensed-Heavy',
    ],
    bodyFontFamily: [
        'AvenirNextCondensed-Medium',
        'AvenirNextCondensed-Bold',
        'AvenirNextCondensed-Heavy',
    ],
});

export default typography;

And i'm loading it in gatsby-config.js file like :

 module.exports = {
    siteMetadata: {
        title: 'New Landing Page',
    },
     plugins: [
        {
            resolve: `gatsby-plugin-typography`,
            options: {
                pathToConfigModule: `src/utils/typography`,
            },
        },
        `gatsby-plugin-sass`,
        `gatsby-plugin-react-helmet`,
    ],
};

I thought it would have been enough to make the font available to all system, but it is only available on mac as it is a "native" font of the system. How can i make them available for everyone ?

(Sorry for the dull question but i can't find any helping answer out here)