Italic font files are not stored correctly

[ulfschneider]

Hi MrMaxie, it´s only recently that I came across your get-google-fonts. I think it´s a great idea and I would like to use it in my build pipeline. Unfortunately, currently there seems to be the below described issue with italic fonts and 'Mozilla/5.0 (Windows NT 6.3; rv:39.0) Gecko/20100101 Firefox/39.0'.

When I´m downloading fonts with the following setting:

const instance = new GetGoogleFonts({ path: '/fonts/', outputDir: 'assets/fonts/', cssFile: '../css/fonts.css', template: '{family}{weight}{comment}.{ext}', overwriting: true, verbose: true, userAgent: 'Mozilla/5.0 (Windows NT 6.3; rv:39.0) Gecko/20100101 Firefox/39.0' //woff2 });

The downloaded italic font files are missing any identifier for being italic. Non-italic and italic are treated the same, which leads to one file gets overwritten by the other.

The created fonts.css file has the following contents:

@font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 400; src: local('IBM Plex Mono Italic'), url('/fonts/IBM_Plex_Mono_400_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 700; src: local('IBM Plex Mono Bold Italic'), local('IBMPlexMono-BoldItalic'), url('/fonts/IBM_Plex_Mono_700_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; src: local('IBM Plex Mono'), url('/fonts/IBM_Plex_Mono_400_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; src: local('IBM Plex Mono Bold'), local('IBMPlexMono-Bold'), url('/fonts/IBM_Plex_Mono_700_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url('/fonts/IBM_Plex_Sans_400_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url('/fonts/IBM_Plex_Sans_700_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 200; src: local('IBM Plex Sans ExtraLight'), local('IBMPlexSans-ExtraLight'), url('/fonts/IBM_Plex_Sans_200_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url('/fonts/IBM_Plex_Sans_400_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url('/fonts/IBM_Plex_Sans_700_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 400; src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'), url('/fonts/IBM_Plex_Serif_400_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 700; src: local('IBM Plex Serif Bold Italic'), local('IBMPlexSerif-BoldItalic'), url('/fonts/IBM_Plex_Serif_700_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 400; src: local('IBM Plex Serif'), local('IBMPlexSerif'), url('/fonts/IBM_Plex_Serif_400_.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 700; src: local('IBM Plex Serif Bold'), local('IBMPlexSerif-Bold'), url('/fonts/IBM_Plex_Serif_700_.woff2') format('woff2'); }