Ты когда прописываешь @font-face, он уже автоматом выбирает шрифт, который воспримет браузер пользователя. т.е. грамотное использование шрифтов - это грамотное их расположение по порядку(от самого легкого .woff до .svg для OS) . Как пример:
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?-cemaup');
src:url('../fonts/icomoon.eot?#iefix-cemaup') format('embedded-opentype'),
url('../fonts/icomoon.woff?-cemaup') format('woff'),
url('../fonts/icomoon.ttf?-cemaup') format('truetype'),
url('../fonts/icomoon.svg?-cemaup#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}