Answer the question
In order to leave comments, you need to log in
How to convert ttf font to other formats?
I found a suitable font for the site DesdaC.ttf.
The font contains Cyrillic.
I started testing the site on different browsers. In Chrome, everything is ok, but in FireFox, instead of Russian letters, there are squares.
In order for the font to be displayed correctly on all browsers, I decided to do this:
@font-face {
font-family: 'DesdaC';
src: url('../templates/new_template/css/fonts/DesdaC.eot');
src: local('DesdaC'),
url('../templates/new_template/css/fonts/DesdaC.woff') format('woff'),
url('../templates/new_template/css/fonts/DesdaC.ttf') format('truetype'),
url('../templates/new_template/css/fonts/DesdaC.svg#DesdaC') format('svg');
}
Answer the question
In order to leave comments, you need to log in
www.fontsquirrel.com/tools/webfont-generator
we use this at work
in different browsers it displays correctly
to specify different settings when converting use expert mode
to select Cyrillic and other languages select Subsetting: Custom Subsetting...
and don't forget to Font Formats check SVG, it's unchecked by default
Try to find similar free fonts at these links
:
https://typekit.com/fonts
https://edgewebfonts.adobe.com/fonts
https://www.google.com/fonts
, not converted, human fonts.
I also opened css google font, they use only woff, why do you need everything completely?
Ps example
The article linked below says:
The font format is woff everywhere, as the most popular and supported.
There is an article with an overview of converters, try one of them if you have not tried it: habrahabr.ru/company/webfont/blog/217949
Sometimes this problem happens if the font is paid. Then just ask the person you bought it from for the rest of the font formats. If the font is free, then google other formats.
I use this tool: everythingfonts.com/font-face
A couple of times there was a problem with the woff file: the characters were shifted up relative to the baseline and went beyond the desired boundaries. Everything was solved by disabling woff and that's it, since this is not so critical.
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question