Подключение шрифтов с помощью CSS

Изредка забываю, как подключать шрифты. Делается это вот так: 

@font-face {
  font-family: "Roboto";
  src: url('../fonts/roboto_regular.ttf');
}

Добавлю лишь, что значение свойства font-family должно быть ровно таким же, как и название шрифта, которое в свою очередь можно посмотреть с помощью программы по просмотру шрифтов. Обычно она уже встроена в операционную систему. 

Если в документе используется несколько шрифтов, то мы указываем ещё одно правило font-face.