Шпаргалка по CSS

Запрет выделения

user-select-none.css
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
-o-user-select: none;
user-select: none;

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

Конвертация шрифтов

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

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

Полупрозрачность

opacity:0.4; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
-moz-opacity: 0.4; 
-khtml-opacity: 0.4;