Все о шрифтах

font-face.css

@font-face {
  font-family: "FontName";
  src: url("/fnt/FontName/FontName-Light_0.eot");
  src: local("☺︎"), url("/fnt/FontName/FontName-Light_0.eot?#iefix") format("embedded-opentype"), url("/fnt/FontName/FontName-Light_0.woff") format("woff"), url("/fnt/FontName/FontName-Light_0.ttf") format("truetype"), url("/fnt/FontName/FontName-Light_0.svg#webfont") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "FontName";
  src: url("/fnt/FontNameBold/FontName-Bold_0.eot");
  src: local("☺︎"), url("/fnt/FontNameBold/FontName-Bold_0.eot?#iefix") format("embedded-opentype"), url("/fnt/FontNameBold/FontName-Bold_0.woff") format("woff"), url("/fnt/FontNameBold/FontName-Bold_0.ttf") format("truetype"), url("/fnt/FontNameBold/FontName-Bold_0.svg#webfont") format("svg");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "FontName";
  src: url("/fnt/FontNameBoldItalic/FontName-BoldItalic_0.eot");
  src: local("☺︎"), url("/fnt/FontNameBoldItalic/FontName-BoldItalic_0.eot?#iefix") format("embedded-opentype"), url("/fnt/FontNameBoldItalic/FontName-BoldItalic_0.woff") format("woff"), url("/fnt/FontNameBoldItalic/FontName-BoldItalic_0.ttf") format("truetype"), url("/fnt/FontNameBoldItalic/FontName-BoldItalic_0.svg#webfont") format("svg");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "FontName";
  src: url("/fnt/FontNameItalic/FontName-Italic_0.eot");
  src: local("☺︎"), url("/fnt/FontNameItalic/FontName-Italic_0.eot?#iefix") format("embedded-opentype"), url("/fnt/FontNameItalic/FontName-Italic_0.woff") format("woff"), url("/fnt/FontNameItalic/FontName-Italic_0.ttf") format("truetype"), url("/fnt/FontNameItalic/FontName-Italic_0.svg#webfont") format("svg");
  font-style: italic;
  font-weight: normal;
}

- Почему все именно так

• Он-лайн генератор шрифтов
• Конвертация шрифтов
• Определение шрифта по картинке открывается только из Tor