typefaces icon indicating copy to clipboard operation
typefaces copied to clipboard

view examples of all fonts

Open amcc opened this issue 6 years ago • 9 comments

A request, rather than an issue.

It would be amazing to see examples of all of the fonts on offer.

I'm happy to do this for you, but perhaps its already available. Additionally, if i were to attempt this, what would be the best way to go about it. Thinking of using Gatsby and putting something on netlify. Perhaps there's a way of accessing an array of all of the typefaces that I could iterate through. Any thoughts are welcome.

amcc avatar May 28 '19 21:05 amcc

This would be great! I've thought about doing something like this but haven't ever got around to it.

On Tue, May 28, 2019, 2:16 PM amcc [email protected] wrote:

A request, rather than an issue.

It would be amazing to see examples of all of the fonts on offer.

I'm happy to do this for you, but perhaps its already available. Additionally, if i were to attempt this, what would be the best way to go about it. Thinking of using Gatsby and putting something on netlify. Perhaps there's a way of accessing an array of all of the typefaces that I could iterate through. Any thoughts are welcome.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/KyleAMathews/typefaces/issues/127?email_source=notifications&email_token=AAARLB6ZTYT3OKDEJFF7SBDPXWOJNA5CNFSM4HQHFKT2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4GWKRJDQ, or mute the thread https://github.com/notifications/unsubscribe-auth/AAARLBZFNULT7Z4DAJ6S3R3PXWOJNANCNFSM4HQHFKTQ .

KyleAMathews avatar May 28 '19 21:05 KyleAMathews

great, glad you think so. This sort of thing works really well of course: https://fonts.google.com/

Initially, I'm thinking of something slightly less complex. My thoughts are that it would be fairly simple if there's a list off all font packages with their font names. Then I can add them all to the project, and with the list of names use an array to map over. Does that list exist? or should I just scrape the packages directory.

amcc avatar May 28 '19 21:05 amcc

Scrapping the packages directory would be easiest

KyleAMathews avatar May 28 '19 21:05 KyleAMathews

Hey! So I cobbled together https://walnutdust.github.io/fonts-galore/ which uses the fonts within this repository and lets you see what your sample text might look like in the various fonts. Let me know if it's useful!

walnutdust avatar Jul 09 '19 23:07 walnutdust

Woah! Super cool! Would love to link to that from the README.

Two bug reports — it looks like you're generating the font-face CSS wrong when there's a space in the font name e.g. Alegreya Sans looks like "Alegreya Sans"; serif instead of "Alegreya Sans", serif

Also I go by "Kyle Mathews"

Also, it'd be nice if each font had its own page instead of a model — may I recommend Gatsby for building this? :-D

KyleAMathews avatar Jul 10 '19 00:07 KyleAMathews

I'll look into the bugs, work on a Gatsby version and get back to you soon! Once that is up and you are satisfied with what I have, feel free to link to that from the README!

Also just wanted to say how much I appreciate you for bringing all the fonts together - it's always such a hassle having to trawl through the different font services.

walnutdust avatar Jul 10 '19 01:07 walnutdust

That’s amazing. If you’d like any help making a gatsby version I’m happy to work with you on it.

amcc avatar Jul 10 '19 09:07 amcc

Hi!

So it's up again at https://walnutdust.github.io/fonts-galore/ (built with Gatsby this time!), and the repo's at https://github.com/walnutdust/fonts-galore. I'm still relatively inexperienced so if there are suggestions for improvements please do let me know!

walnutdust avatar Jul 14 '19 21:07 walnutdust

@walnutdust That's super helpful for anyone using Typefaces with GatsbyJS, potentially needs to be on the readme in some form or another!

JesseSingleton avatar Jul 30 '19 09:07 JesseSingleton