search

react-native-training / react-native-fonts

Fonts available out of the box in a React Native project
1.49k stars 132 forks source link

View previews of fonts #2

Open dsernst opened 8 years ago

dsernst commented 8 years ago

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 commented 8 years ago

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

dabit3 commented 8 years ago

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

dsernst commented 8 years ago

👍👍 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 commented 8 years ago

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 commented 7 years ago

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 commented 5 years ago

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

http://iosfonts.com/