saadqbal / higooglefonts

HiGoogleFonts allows you to add a Google font picker to easily display a list of Google fonts. The picker shows an instant preview of the font style without loading the font css.

Asad Iqbal

Hi 👋,

I am a full stack developer. 🏄‍♂️.

• 🔭 I’m currently working on React Native Apps
• 🌱 I’m currently learning ML with python
• 💬 Ask me about: anything
• ⚡ Languages: Javascript, Solidity, Java, python, React, React Native,

---

⭐️ From saadqbal

higooglefonts's Issues

Load Custom Font

Hi @saadqbal,
Thanks for this awesome library. Is there a way to load custom fonts (like non-google fonts)

Thank in Advance
Karthick Kumar

Preview fonts while browsing selections with up/down arrow keys

• Click to open dropdown
• Use down arrow key to move selection several fonts down
• For each selection change, I would like to see the previewed font load up immediately by firing loadedCallback or similar type of callback

This would make it a lot faster to preview the fonts on actual content than having to keep re-opening the dropdown and selecting a new font.

Thoughts?

how to generate fontsList.gif

Hi,

i want to load additional GoogleFonts like
Shrikhand
Bungee Shade
Galada
Barrio

these are not in fontsList.gif
is there a script to generate fontsList.gif?

regards

Celevra

400 error trying to load "Missing..." text as a font

From the select2 documentation:
Anything rendered in the results is templated. This includes results such as the "Searching..." and "Loading more..." text which will periodically be displayed, which allows you to add more advanced formatting to these automatically generated options. You must ensure that your templating functions can support them.

This wasn't being handled, which resulted in 400 errors trying to GET from: https://fonts.googleapis.com/css?family=Searching%E2%80%A6

It's fixable by adding this to the top of the templateResult callback:

if (!result.id)
{
return result.text;
}

Publish to bower/npm?

Could this package be published and it's dependencies moved out to a bower.json/package.json?