Подключение шрифтов которые есть в системе?

Question

[tuxx]

Не могу понять почему шрифты не подключаются. есть 2 компьютера: 1) с chrome на windows 2) с chrome на Mint 17.
В том что с mint шрифты подключаются нормально и загружаются на страницу с показом с разными font-weight. На другом показывается только regular начертание. На обоих компьютерах шрифты есть в системе, но в том что на Windows большее количество начертаний, с курсивом и т.п.

Вот так выглядит подключение шрифтов в scss:

$font-weight-normal: normal;
$font-weight-semibold: 700;
$font-weight-bold: bold;

@font-face {
	font-family: 'Proxima Nova';
	src:         url('../fonts/ProximaNova-Regular.eot');
	src:         local('Proxima Nova'), local('Proxima Nova'),
	             url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
	             url('../fonts/ProximaNova-Regular.woff') format('woff'),
	             url('../fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: $font-weight-normal;
	font-style:  normal;
}

@font-face {
	font-family: 'Proxima Nova SemiBold';
	src:         url('../fonts/ProximaNova-SemiBold.eot');
	src:         local('Proxima Nova'), local('Proxima Nova'),
	             url('../fonts/ProximaNova-SemiBold.eot?#iefix') format('embedded-opentype'),
	             url('../fonts/ProximaNova-SemiBold.woff') format('woff'),
	             url('../fonts/ProximaNova-SemiBold.ttf') format('truetype');
	font-weight: $font-weight-semibold;
	font-style:  normal;
}

@font-face {
	font-family: 'Proxima Nova Bold';
	src:         url('../fonts/ProximaNova-Bold.eot');
	src:         local('Proxima Nova'), local('Proxima Nova'),
	             url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
	             url('../fonts/ProximaNova-Bold.woff') format('woff'),
	             url('../fonts/ProximaNova-Bold.ttf') format('truetype');
	font-weight: $font-weight-bold;
	font-style:  normal;
}

@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");

В стилях варианты начертаний подключаю через миксины:

$font-family-base: 'Proxima Nova', 'Raleway', sans-serif;
$font-family-semibold-base: 'Proxima Nova SemiBold', 'Proxima Nova', 'Raleway', sans-serif;
$font-family-bold-base: 'Proxima Nova Bold', 'Proxima Nova SemiBold', 'Proxima Nova', 'Raleway', sans-serif;

@mixin semibold {
    font-weight: $font-weight-semibold;
    font-family: $font-family-semibold-base;
}

@mixin bold {
    font-weight: $font-weight-bold;
    font-family: $font-family-bold-base;
}

UPD: Ранее все шрифты были подключены как font-family: 'Proxima Nova';. А еще после добавления шрифтов в Mint и там chrome отказывается подключать жирный и полужирный шрифт и вместо них показывает обычный regular

Comments

[SagePtr]

$font-weight-semibold: 700;
што?
Semibold это 600, 700 это bold

[tuxx]

SagePtr, ранее bold был выставлен в 900. 700 в тех пор остался и не мешал.

[Vladimir]

tuxx, а версия хрома? У меня где-то в районе 50 версии дурил со шрифтами, даже в поддержку писал:)

[tuxx]

Vladimir, везде последние

[Ankhena]

В font-family пишется одинаковое название шрифта. Различаются только пути к файлам и указываются соответствующие font-weight и font-style.

Также, современным браузерам нужны форматы woff2 и woff.

[tuxx]

Ankhena, ранее все font-family были одинаковы:
font-family: 'Proxima Nova';

[Ankhena]

tuxx,
". А еще после добавления шрифтов в Mint и там chrome отказывается подключать жирный и полужирный шрифт и вместо них показывает обычный regular"
Значит, проблема в самих шрифтах