GithubHelp home page GithubHelp logo

getstencil / googlewebfonts-fontfamilypreviewimages Goto Github PK

View Code? Open in Web Editor NEW
73.0 3.0 21.0 187.91 MB

A collection of 5,148 images that represent unique font family (variations) from Google Web Fonts

Home Page: https://getstencil.com/features/google-fonts

License: MIT License

font google-fonts design

googlewebfonts-fontfamilypreviewimages's People

Contributors

onassar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

googlewebfonts-fontfamilypreviewimages's Issues

CSS sprite?

This repo is awesome! Looking at building a google font picker based on this.

Have you given any thought to stitching together the images into a single with css to sprite it out? Looks like it should be simple enough to spin through 'em all and make one big file instead of lots of roundtrips while narrowing through. Or maybe one file per font weight/style to cut down a bit.

Make available on NPM

Hi, Is there any chance of this being published as an NPM package? I tend to find importing as packages more reliable than importing directly from github.

Thanks for the great resource!

Offer latest version preview at a fixed URL

First off, thank you for this project! It saved me a ton of time. I maintain a list of Google Fonts I like on my site, and wanted to add previews.

One issue I ran into is trying to automate generating the font preview URLs on the frontend. I’d like the latest version of each font, but since they’re all different versions, I settled with requesting v1 on all, which errors on a large percentage which don’t have a v1. It’d be amazing to make a request to an unversioned URL & get the latest one, like this (note the missing last param):

`https://raw.githubusercontent.com/getstencil/GoogleWebFonts-FontFamilyPreviewImages/master/48px/original/${title.split(/\s+/).join('')}-400.png`

If there’s any workarounds I’m missing, would love to implement!

Images missing

Hey!
Thanks for this repo, I saw in another issue that you could maybe fix font images that are still missing. Here's a couple I found:

Abel-400.v11.png
Amiri-400.v14.png
Poppins-100.v11.png
Nunito-200.v13.png
SourceSerifPro-200.v8.png 
EncodeSans-100.v6.png
Ledger-400.v8.png
Varta-300.v1.png
Rowdies-300.v1.png
Poppins (everything v11)

Thanks!

Script to generate?

Hey there,
first of all: Thanks a lot for this repo.

Any chance that you include as well the script you use to generate the previews?

I get a lot of 404 not found errors because a couple of font previews are not updated yet:
image

Being able to generate them myself would be incredible helpful.

Images missing #2 :)

Hey there! Got a couple of missing images again:

FredokaOne-400.v8.png
Assistant-200.v5.png
BreeSerif-400.v10.png
ZillaSlab-300.v6.png
Martel-200.v5.png
ShadowsIntoLight-400.v10.png
CormorantGaramond-300.v8.png
Monda-400.v10.png
Caveat-400.v8.png
Acme-400.v10.png
ArchivoNarrow-400.v12.png
IBMPlexSerif-100.v9.png
Cabin-400.v15.png
AbrilFatface-400.v12.png
Kanit-100.v7.png
Teko-300.v10.png
HindMadurai-300.v6.png
BalsamiqSans-400.v2.png
Asap-400.v12.png
Questrial-400.v11.png
AmaticSC-400.v14.png
AnticSlab-400.v9.png

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.