Сергей delphinpro

Как скачать?

Там же, в гугл шрифтах



В архиве будут все начертания и подтипы шрифта в ttf или otf формате (для компьютера).

Далее идёте на уже упомянутый transfonter и конвертируете нужные начертания в woff/woff2 форматы, скачиваете полученный пак и подключаете (внутри будет подготовленный css файл для подключения).

То есть как, прописать для одного тега шрифт regular 400, а для другого тега bold 700 italic, а один вообще поставить в шрифт Open sea?

Ну ровно так и делать, как вы написали.

p.one {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
}
p.two {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  font-style: italic;
}
p.three {
  font-family: 'Open Sea', sans-serif;
}

Как отметили выше, основное семейство шрифта лучше задать для всей страницы, в нужных местах менять только жирность и начертание.

Воспользуйтесь сервисами для генерации набора web-шрифтов.
Они же сгенерируют css для корректного подключения.

www.fontsquirrel.com/tools/webfont-generator
https://transfonter.org/

Рекомендую второй.

Неизведанные глубины CSS: метрики шрифта, line-hei...

font-weight: 300;
font-style: italic;

codepen.io/anon/pen/XbNrmN =)

upd
можно так (более кроссбраузерно)
codepen.io/anon/pen/VLmZvX