Cosmonaut ., одинаковые шрифты подключаются с одним именем, различающуюся жирность и стиль пишут в font-weight и font-style.
Для современных браузеров нужны форматы woff2 и woff.
@font-face {
font-family: "OpenSans";
src: url("fonts/opensans.woff2") format("woff2")
url("fonts/opensans.woff") format("woff") ;
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OpenSans";
src: url("fonts/opensansbold.woff2") format("woff2"),
url("fonts/opensansbold.woff") format("woff");
font-weight: 700;
font-style: normal;
}