@font-face - правило, которое позволяет указать шрифты для отображения текста на веб-страницах, которые могут быть загружены либо с удаленного сервера, либо с компьютера пользователя. @font-face позволяет разрабатывать контент не ограничиваясь набором "безопасных" шрифтов (шрифтов, которые настолько распространены, что считаются доступными по умолчанию). Возможность определить локально установленный шрифт позволяет более гибко настраивать шрифты не полагаясь на соединение с интернетом. Большое количество открытых для скачивания шрифтов вы можете найти на Google fonts...
Добрый день! На данный момент, особой популярность пользуются 2 формата шрифтов - OpenType (OTF) и TrueType (TTF). Оба типа могут использоваться не только в Windows, но и в Mac OS. Если немного углубиться...