The_Lars: а где вы взяли эту строку? Там же и миксин наверняка есть.
можно и самому написать, а можно просто голый вызов нативного @font-face написать.
Sergey Goryachev: поэтому .social - это блок. он может использоваться в нескольких местах.
а элемент .header__social правильно его спозиционирует в шапке. Аналогично элемент подвала .footer__social займется позиционированием иконок в подвале. Сам блок иконок не должен заниматься своим позиционированием (никаких там margin, left, top, width и т.п.)
