Ссылку можно было бы и нормально дать, а не фотками экрана.
Да и лучше были бы скрины.
У меня на винде точно также как на вашем скрине с мака.
Отсюда напрашивается вывод, что у ноута на винде в настройках экрана стоит увеличенный масштаб.
И шрифты нормально подключайте.
Во-первых, в современных форматах 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;
}