Giter Club home page Giter Club logo

fontcdn's People

Contributors

dependabot[bot] avatar thomaspark 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  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  avatar  avatar  avatar  avatar  avatar  avatar

fontcdn's Issues

Allow favorites and hiding

This is a cool tool, and what I think would make it even better would be to allow easy starring of fonts (and/or X-ing out ones that I don't want to use for my current project) so that I can more easily sift through and narrow down to the ones I'm considering.

Additionally, it would be awesome if it could pull in fonts from the visitor's computer (like https://wordmark.it does via Adobe Flash) for extra choices.

important to have font pairing

Hey Thomas FontCDN is my go to ... lately I have been looking for suggestions for font pairings but there does not seem to be many sites that select fonts from Google..

Lets create a font pairing section underneath the FontCDN clipboard

More font size units

Could you please add the possibility to use other font size units besides "px", like "em", "ex" and "pt"?

how do i run this locally

i am really liking the look of this tool and would love to incorporate this into a website builder i am working on so i can easily import fonts into the project but i cannot figure out how to run this locally. i keep getting a 403 forbidden error when the app tries to query fonts from google

enclose @import url in quotes

for the @import rules, the font urls are not enclosed in quotes

Using Roboto, as an example:

currently Roboto's @import rule looks like this:
@import url(https://fonts.googleapis.com/css?family=Roboto);

suggested edits:
@import url("https://fonts.googleapis.com/css?family=Roboto");
or
@import url('https://fonts.googleapis.com/css?family=Roboto');

Allow to link a single font

Hi! Nice project.

I think it would be nice to add an anchor to identify an individual font.

For example, visiting this link at startup:

https://fontcdn.toolforge.org/#osvald

Should allow to open the specific popup.

Note that in pure JavaScript you can access the # stuff using this:

var hash = window.location.hash;

Add the "Early Access!" fonts and lorem ipsum in other languages

Hi Thomas,

I have two feature requests -

  1. Add the "Early Access!" fonts (https://www.google.com/fonts/earlyaccess) to http://fontcdn.org/, maybe add "Early Access!" to "Category"?
  2. I know I can type manually in the "Preview Text" box. But I just come across an idea that make "Preview Text" as a dropdown menu and put some well-known languages lorem ipsum (e.g. Spanish, Arabic, Russian, etc). That would help people around the world a lot as they can preview and compare fonts instantly with your existing UI.

I know I can fork and write it myself. But my coding is at a very elementary level. So, go to you first. Maybe my ideas are not necessary and you would let me know.

Thanks!

Show preview font size in units (px or em)

Thank you for making this lovely tool :) It's fantastic!

Just missing this little thing that tells you exactly how big the preview font size is. It's tough to judge the exact size from 'Preview size' slider.

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.