Code Monkey home page Code Monkey logo

fontcdn's Introduction

fontcdn's People

Contributors

thomaspark avatar dependabot[bot] avatar

Stargazers

Eliaz Bobadilla avatar Evanyan avatar kaon avatar Gleisson Neves avatar  avatar Murilo avatar Jimmy Briggs avatar Tuan Duc Tran avatar ˓˓˓⋆༝ˇ̠̠̠·˖ ִֶָ  ʝҽɳƚɾყ  ִֶָ ˖·ˇ̠̠̠༝⋆˒˒˒ avatar  avatar Kevin James O'Dea avatar Leonardo Lima Coelho avatar Abbi Christina Corcoran avatar  avatar J.Hale avatar Yellowflash avatar Yusuf Refaiy avatar Cuvii avatar Khant Zin Thu avatar Hayden Bickerton avatar  avatar  avatar Jame avatar M Haidar Hanif avatar Acampbell avatar Terence Hutton avatar Matt Fletcher avatar  avatar Brendon Ngirazi avatar Mudassar Islam avatar Tom Tan avatar Robert Swain avatar Thomas Maroschik avatar Elias Ojala avatar  avatar Joey Wendt avatar 牛牛 avatar Dengju Deng avatar Titan avatar Dan Levy avatar Mateo avatar  avatar Safwan Shaheer avatar Wellington Torrejais da Silva avatar 七月 avatar Bode avatar undeadinu avatar Marco A Rojas avatar pei avatar Stanley Bonhomme avatar  avatar Abhijith Vijayan avatar DougTI avatar Nuri Akman avatar Ángel Rosario avatar Bhasker Surnida avatar Mohamed Saher avatar André avatar Andrew Parsons avatar Suriyaa Sundararuban avatar Yash Vekaria avatar Adrian Lucrèce Céleste avatar RoestVrijStaal avatar dck avatar Soumya avatar Davide Fulvio Milazzo avatar Alexandre Nicastro avatar Ben Peachey avatar Anand Prabhu avatar Colin Dekker avatar ellen avatar dissociative.space avatar mohit singh avatar Boris Karulin avatar JJJ avatar Tobias Munk avatar  avatar Vincent Battaglia avatar Branden Pinney avatar Hayden Mills avatar Luiz Carlos avatar Michael Sprague avatar Irene Shih avatar Meteoro avatar Jonathan Lai avatar pilus avatar Terry DeSimone avatar Kesler Tanner avatar Valentin von Guttenberg avatar Bharani avatar Jared avatar Josh Buchea avatar  avatar André Felipe Dias avatar Eric Engestrom avatar Gabriel avatar Austin Mao avatar Damian Mullins avatar Pavel Rapoport avatar Michael Yang avatar

Watchers

Matt Fletcher avatar  avatar James Cloos avatar  avatar  avatar Austin Mao avatar Sukrit Chhabra avatar Wellington Torrejais da Silva avatar  avatar

fontcdn's Issues

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;

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

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.

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.

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');

More font size units

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

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

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.