View previews of fonts

[dsernst]

Thanks for putting this list together. Can we add visuals for each font to this document, so we can use it as a reference when selecting the right one?

[dsernst]

This links to a gif showing all the fonts: https://github.com/yayolius/react-native-font-list

[dabit3]

Hey, this sounds like a really good idea. Let me look into this and I'll get back to this issue shortly!

[dsernst]

👍👍 it would be cool and elegant to make the list programmatically, but still be useful if they were just images of screenshots.

If you could get a big screenshot of each of the fonts in a list (like the link I sent above, but not animated), I can slice them up and send a PR to add to the list.

(I tried building the demo linked above, but ran into some fatal build errors, and my Xcode/swift knowledge was too limited to make much headway. Maybe you'd be more successful.)

[hfogelberg]

I wrote a very quick and dirty app in React native which previews the fonts in @dabit3 's list. It's available here. Feel free to clone and improve!

[sean-roberts]

If you run $$('.markdown-body p').forEach((e)=>{ e.style.fontFamily = e.innerText; }) in devtools on the https://github.com/dabit3/react-native-fonts it will make all the fonts previewable from your browser. Note, some aren't supported by all machines but I see a large majority of them with my MBP 👍

[venix]

I found this that might be helpful to others reaching this page, seems to be valid for iOS fonts:

http://iosfonts.com/