І як не потрібно робити зараз
Можливість підключати шрифти на сторінку - це здорово! За часів IE8 це ще й було чудовою нагодою використовувати векторну графіку для іконок (IE8 підтримує підключаються шрифти, але не підтримує SVG). З'явилося багато способів конвертувати шрифт, в тому числі, он-лайн-конвертери, кращий з яких - Font Squirrel. Одна біда: люди просто копіюють одержуваний з генератора код, нітрохи про нього не замислюючись.
Як зараз потрібно підключати шрифти
Як підключити кілька файлів одного шрифту і використовувати одну назву шрифту
Нерідко, веб-шрифт - це кілька файлів: один файл - одне зображення (файл_1 - щільність 400, нормальний; файл_2 - щільність 400, італік, і так далі). А хочеться всюди при вказівці шрифту використовувати одне його назва, без згадки в назві слів normal. italic. light і т.п. а вказувати це у відповідних CSS-властивості.
Підключаємо купу файлів шрифту із зазначенням одного і того ж імені, але різних font-weight і font-style:
І далі при вказівці селекторам шрифту і щільності, можна використовувати одне ім'я, але різну щільність.
Як вже неактуально підключати шрифти
Для більшості проектів цей код неактуальний, але може знадобитися для всякого гівна з кросбраузерністю IE8 + розуміння.
Якщо потрібно взяти шрифти з Google Fonts, але підключати їх зі свого хоста
google-webfonts-helper - чудовий сервіс, який і шрифти дасть скачати, і покаже код як їх оптимальніше всього підключати (якщо забути про FOUT).