typefaces icon indicating copy to clipboard operation
typefaces copied to clipboard

Published 20 hours ago • verified publisher icon KyleAMathews

Non-English characters distorted in NPM Montserrat font

Open Vacilando opened this issue 4 years ago • 5 comments

Some non-English characters appear distorted in font Montserrat when loaded via NMP using plugin "typefaces", e.g. see the letter "č" below:

OK https://fonts.google.com/specimen/Montserrat montserrat_ok_google

NOK https://www.npmjs.com/package/typeface-montserrat montserrat_nok_npm

What's the reason and is there a fix or a workaround? We've tried a number of fonts that work fine when loaded from Google but show distorted accented characters when installed using this plugin in Gatsby.

Vacilando avatar Apr 06 '20 20:04 Vacilando

I think this is the problem author mentions in Readme:

Initially I’ve just added support for the Latin version of fonts. Would love to hear ideas for how to support other languages. Perhaps additional css files e.g. require('open-sans/greek.css')?

Czech needs to have the latin-extended version to work properly. Have you progressed with this since?

Pernick avatar Jul 02 '20 10:07 Pernick

We import directly from https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap and it works.

Once this issue is solved we will switch to https://www.npmjs.com/package/typeface-montserrat

Vacilando avatar Jul 06 '20 14:07 Vacilando

the same issue here. What is the best way to self host a font with latin-extended support?

zsolt-dev avatar Jul 17 '20 09:07 zsolt-dev

@zsolt-dev https://google-webfonts-helper.herokuapp.com/fonts AFAIK. Requires some manual work.

zgoda avatar Jul 24 '20 22:07 zgoda

Hello. It would be nice to add the latin-extended. I'm facing the same issue with Polish characters.

MZOG avatar Nov 21 '20 15:11 MZOG