Как лучше использовать шрифты на сайте?

если данный шрифт имеется у пользователя то будет отображаться

Лучше делать перечисление шрифтов, состоящих в одном семействе, соответствующих разным системам.

Почитай - habrahabr.ru/post/68189

Глянь
Не совсем правильный. Правильно подписать

body {
  font-family: Verdana, sans-serif;
}

Никто не сказал человеку, что будет, если не указать других шрифтов, а Верданы в системе нет.
Браузер подставит свой шрифт по умолчанию, и скорее всего, это будет либо тот же самый sans-serif, который рекомендуют написать. Правда, у немалого количества пользователей задан какой-нибудь жуткий serif, и они упорны в своих настройках. Поэтому лучше все-таки прописать sans, если вам не безразлично, как будет выглядеть этот текст.

Ещё более правильно писать

body {
  font-family: Verdana, Arial, sans-serif;
}

Принципы такие...
Первый - основной, какой задуман для сайта, второй - безопасный с засечками, третий - безопасный(т.е., должен быть встроен в систему изначально) без засечек. Отлично объясняется у HTMLAcademy в соответствующей статье про шрифты. Пруфа дать не могу, ссылки на руках нет. Но запомнил это твёрдо.