Все о шрифтах

Подключение шрифтов

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;
}

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

Ссылки

Печать/экспорт