Save time on connecting fonts to the project

Hello!

Today's post about a spontaneously appearing font site.

')
It all started after I had another layout with a non-standard font. Moreover, I realized that this font had already been connected by me earlier in other projects. Again I had to go look for it in folders. And since I am an ardent optimizer of my workflow, this once again seriously concerned me. Why not put all the fonts in one place and, if necessary, insert them into the project? - it was thought to me, and right there decided to embody the conceived.

Literally in 3 hours all of my fonts were collected, arranged in folders, customized paths and a snippet for the editor was written. After the first tests, it became clear how this simplifies the process and saves time. Any font can be connected literally in a couple of clicks.

After two days of mild euphoria, I decided to try to bring it online, and simplify the life of my friends and colleagues. Next were all the same actions: sorting-path-stuffing imports. But here it was necessary to think about how to give links to import files, because not everyone uses the same editor as me. So you need to do some kind of interface in which to display the necessary links. As the interface was created, new ideas for implementation and optimization came. What happened in the end, you can see here .

Now on the site 19 fonts in forty-eight styles, which in the same couple of clicks can be connected to your project.

How things work

The technology of work is extremely simple: the usual is used.

@import 

that connects your font files to your CSS. Links to imports are in the demo examples of font styles. There are also links to download whales already ready. Download the whale immediately, or work with the import and upon completion of the project, attach the font - it's your business.

Now about the buns

For imports, I wrote a couple of snippets: native for Sublime Text 2 and non-native for NotePad ++. Here I will not tell you how to use them, but on the website everything is described in some detail. Even with one screenshot. In addition, I prepared the source for anyone who wants to write a snippet for my editor.
I highly recommend using snippet. It is fast and convenient.

Notes

Firefox and Opera did not want to import fonts. More precisely, the file connection did not work if it was located on another domain. The question was solved by driving the font file to base64. At the same time, the archive for downloading the font contains a regular .ttf file. What do you use in the final version - choose yourself.

My story came to an end and there were only questions left for you.

1. How useful can it be / is it interesting to you and whether to continue increasing the number of fonts online?
2. Make the site an independent service and transfer to your own domain?
3. How with the probability of 101% to learn about the paid / free font without resorting to disassembling it into components or relations with the author?

Another special thanks to my friends, and part-time our colleagues who gave me the first feedback. After their reviews, the site has changed. And in some places significantly.

For the “design”, I strongly ask you not to shower tomatoes, because I'm just a coder and did everything on a whim.

Mandatory link to the site in the footer post.

ps The post was almost entirely written in the shade of lilac bushes, on a bench in Pervomaisky Square, Novosibirsk. It's great here :)

Thanks for attention.

upd Colleagues, I look through all your comments. Make any changes instantly fail. And I will begin to work on the global correction of shortcomings, when there will be a less clear picture of how interesting this site is, because I don’t want to waste time, please understand.
Thanks for your feedback.

upd from 08/28/2012
The site has moved to live on its own domain and is available at the link WebFont.ru . All new fonts will now appear there, and the old version will soon begin to redirect to a new address. I advise everyone to change the fonts, but the fonts will remain available for some time.