Fonts

A free and easy way to start using web fonts.

Service so that you can quickly copy ASCII characters.

We understand that the letters in the font are not located at any distance from each other, nor are they located at the same distance unless unless it is a special font of the Courier type.
On this site, we correct the spacing between the letters, and then see our error.

Create your own handwritten font.

How does it work?

1. download the template in PDF or PNG,
2. using paper, scanner and editor, we score the table with your handwritten letters,
3. upload the result to the site,
4. Set the font name and the format of TTF or OTF (in fact, there is no difference here).

The service for recognizing the font.
The font is also needed in the Latin script.
We go, Upload an image file: load the picture with the text of the desired font (preferably decent quality with a background of one tone.
The site breaks the text into letters and tries to guess the letters, We agree with his choice or correct, write the correct letters or symbols, and then get a list of the fonts that your like.

Font recognition service.
Very similar to those described above.

Limitations

1. to download a picture - 1.8 Mb;
2. one line of text is enough;
3. the format of the picture is jpg, gif or png;
4. You can specify a filter, only free, only paid or all.

The site will ask a few for example. "What's the tail of Q?"
Then will give out diagrams that will help you choose the answer.

Table of special characters online.
Click on the symbol and it's on the clipboard. You can collect a few and copy at a time.
And then paste where you like.

Online font generator with icons in Webfont format.

We need to add icons, emoticons, icons to the site. They should be small and clear .... and there are a lot of them on the site.
Here the ideal solution is to collect all the characters in a font and put the font on the site.
But here's an ill luck, usually not much of a font It suits us, here we would collect our collection and put it together in a single font.

Fontello allows us to easily solve our problem.
You can choose from the suggested one. Icons are many and very high quality, to that the style is one and they will be combined.
Then the selected font will be generated and a file with CSS classes will be created.
We take everything and fasten it to our site.

Online font generator with icons in Webfont format.

We need to add icons, emoticons, icons to the site. They should be small and clear .... and there are a lot of them on the site.
Here the ideal solution is to collect all the characters in a font and put the font on the site.
But here's an ill luck, usually not much of a font It suits us, here we would collect our collection and put it together in a single font.

Fontello allows us to easily solve our problem.
You can choose from the suggested one. Icons are many and very high quality, to that the style is one and they will be combined.
Then the selected font will be generated and a file with CSS classes will be created.
We take everything and fasten it to our site.

Service for the introduction of fonts on the site.
It differs from Google's fonts.
At Google we copy the code and paste it on the site, the font itself is taken from Google.
Here we select the font, download and upload to your site, and take the code for tying the font on our site with our site. Can specify the folder in which we will keep the fonts on the site and then get the code with the correct address.

1. Download the font you like on the site.
2. We confirm that we have the right to freely use the selected font (if the font from our site, you can, they are all free).
3. We get an archive with
   • generated fonts for different browsers and mobile phones,
   • generated CSS3 style file,
   • code for the page with an example of using the font.

A collection of free fonts for your sites.

Somewhat reminiscent of Google Fonts. You can download or take the code and screw on the site.
The collection is different from Google, so it will be interesting for attention.

Intuitive interface, customizable in real time.
Very comfortable and interesting.

Here you can easily create your own font.
It's simple, watch the movie.

The site for the collection is a font from the proposed icons or its SVG.

How does it work?

1. We go to the site,
2. drag icons from the window to the right in the main field,
3. fields indicate symbols or Latin letters, which then match the characters in Our font.
4. if you click on the field itself, you can upload our SVG image there.
5. press the final to the floppy disk and save our font.

The best site for Unicode.
Firstly - an interactive table of symbols, which can be viewed as a whole, scrolling, or fragmented.

How it works

You can select individual alphabets (more than 100) or individual sets, for example. Emoji, arrows, currency signs, Greek letters, asterisks, hearts.

Tools

1. HTML-encoder - translate text into HTML characters so that all sites are correctly displayed and vice versa - translate HTML characters to normal text, - HTML-кодировщик
2. We translate text into Unicode characters and vice versa - \u042e\u043d\u0438\u043a\u043e\u0434,
3. Turn the text - ʇxǝʇ ǝɥʇ uɹnʇ,
4. Unicode character table generator - select the range, output format and get.

The service for introducing fonts to the site.
There is no Russian version, but there are Russian fonts (Cyrillic).

Advantages

What should I do?

1. Script: - Select Cyrillic or Cyrillic Extended

2. At the top of the Preview Text:, you can enter your text, size (Size :) and Sort the fonts alphabetically, popularity ... I chose by popularity. We are looking for the best font from the less popular ones, less popular is less likely to use it and it will be more original.

3. We select the font for the title (Sentence) or text (Paragraph), depending on how we want to use.

   The beautiful font for the title may not be readable in the text.

4. Choose the font that best suits us Add to Collection And Quick-use.

5. We take the code that will be placed in

   <HEAD>

   . He's at 3. Add this code to your website: This is a link like

   <link 
     href='https://fonts.googleapis.com/CSS?Family=PT+Sans&subset=cyrillic' 
     rel='stylesheet' type='Text/CSS'>

6. Go back and click on the blue Review field (may need to open) and select the font (bold, italic ...) if the font allows it.

 font-family: 'Ubuntu Condensed', sans-serif;
  font-style: normal;
  font-weight: 400; font-size: 13px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em; line-height: 1.4;

Copy it and put it where we need it in CSS. font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.4;

Copy it and paste it into CSS.

We copy special characters, which are not on the keyboard.
In order to copy the symbol, just click the mouse.
You can create your account and collect what you need.
You can search by groups or search.